黑马程序员技术交流社区

标题: 学习笔记罗熙 [打印本页]

作者: 罗熙 时间: 2019-4-25 15:14
标题: 学习笔记罗熙
1.Javascript:  是一种运行在客户端的脚本语言1

2.JS组成 1. JavaScript语法， 2.DOM 页面文档对象模型 3.BOM 浏览器对象模型

3.JS的书写位置 1）行内式 2）内嵌式 3)外部。


4.JS输入输出语句 alerf(msg）浏览器弹出警示框  console.log(msg)浏览器控制台打印输出信息 prompt（into）浏览器弹出输出框。

5.变量：就是一个装东西的盒子，通俗讲变量是用于存放数据的容器。

1）变量声明：var 变量名，2）变量赋值：变量名=值，3）变量调用：变量名；= 用来把右边的值赋给左边的变量空间中此处代表赋值的意思;

6.声明变量特殊情况：1）.var age；console.log(age); 只声明不赋值（结果 undefined）2）不声明不赋值直接使用（报错）3）age = 10 不声明只赋值结果（10）

7.变量命名：1）字母，数字，下划线，$组成，数字不开头

      2）不能使用关键字，保留字，例如 for name

      3）严格区分大小写

      4）见名知意

      5）骆驼命名，第一个单词首字母小写，其他的单词首字母大写
变量的本质；内存里的一个空间，用于存数据的

8.简单的数据类型：Number ：数字型默认    0；

               Boolean ：布尔值类型，如true，flase 等价于1和0。默认值false；

            String ：字符串类型，如‘张三’ js里面字符串都带引号默认值“”

   Undefined ：  var a ；声明变量a 但是没有赋值。此时a=undefined  默认值undefined；

   Null ： var a null；声明变量a 为空值默认值null

   数字型进制 // 1.八进制数字序列范围：0~7
var num1 = 07; // 对应十进制的7
     var num2 = 019;  // 对应十进制的19
var num3 = 08; // 对应十进制的8
    // 2.十六进制数字序列范围：0~9以及A~F
var num = 0xA;

               NaN 代表一个非数值

9 .isNaN(),用来判断是否是非数字。若是数字返回的值为flase，如果不是数字则返回的值为true；

10.字符串拼接：多个字符串之间可以使用+进行拼接，拼接方式字符串=任何类型=拼接后的新字符串

12. 字符串的长度（字符串的个数）  字符.lengh
JS运算符：
1.算数运算符（+ ，-，*，/,  取余 %）；注意小数精度有误差，不能直接判断两个浮点是否相等；

2.递增和递减运算符也成为一元运算符（前置自增++num，后置自增num++）；

1）：单独使用前置后置自增，没区别；
2）：自增表达参与运算，++num，自身先加1在返回值，num++先返回值在自身加1；

            3.比较运算符：（比较运算表达方式的结果为布尔值） {>,>=,<,<=> }, 相等：==，不等！=，全等===，不全等！==。

4.逻辑运算符：（布尔值）1）逻辑与： &&  两边都会真，则结果为真，，一假为假；
      2）逻辑或：|| 一边为真，结果为准，一真为真。
                        3）逻辑非：（取反）
重点：逻辑中断，如果表达式1能决定最终结果，表达2则不会执行，及发生中断；

            5.赋值运算符：var age = 10；

      age+=10相当于age=age+10；
      age -=10相当于age=age -10；
      age *=10想到与age=age *10；
            6.优先级：  1 （下括号）；2一元运算符（++num，num++）；3算数运算符（先*/再+-）4.关系运算符（> >= < <=）
   5  相等运算符（==，！=，===，！==）；6.逻辑运算符（&&，||）7.赋值运算符（=）8.逗号运算符（，）

JS流程控制：
简单理解就是，用不同的条件执行不同的路径代码得到不同的结果；

顺序：从上往下；

            1）if语句：if（表达方式）{ 双分支：if（）{             多分支：if else if
}else{}

            2）三元表达式：表达式1？表达式2：表达式3  如果表达式1为 true ，则返回表达式2的值，如果表达式1为 false，则返回表达式3的值；

3）switch语句： switch( 表达式 ){
        case value1:
            // 表达式等于 value1 时要执行的代码
            break;
      case value2:
                // 表达式等于 value2 时要执行的代码
           break;
        default:
                // 表达式不等于任何一个 value 时要执行的代码
   }
数组：
   1，什么是数组：一组数据的集合，每个数据的类型可以是任意的。

   2，创建方式 1 ）var arr = new Array（）；2）var arr = 【10，’abc‘ ture】

   3，数组元素：数组中的数据叫做数组元素，简称元素。

   4，数组元素的索引：每个数据都编了一个号，这个号叫索引或下标，号是从0开始的。

   5，数组的长度（元素的个数）  数组名.length。

   6，遍历数组（使用for循环）  把数据中的元素从头到尾的访问一遍

   7，正序遍历

   8，倒序遍历
函数：
1 作用：重复使用代码，完成某项功能的代码体

2  申明函数： function（函数名）{}

3. 调用（函数名）{}

4.形参，形式上的等待被赋值的变量（不用使用var声明的变量）

5,实参，实际参与代码执行的数据，赋值形参变量
个数少于实参，多出的实参数据没人接受
个数多余实参，多出的新形参没有被赋值那么他的值为undefind

6，返回值 1）return能够终止函数，return后面的代码不会被执行；2）return只能返回一个值，如果要返回多个值，返回一个数组；3）如果没有return或者return后面，默认是undefined

7，调用函数，实参的个数不确定情况，函数内有一个arguments对象【伪数组】，保存了所有的实参数据，可以向操作数组一样，去操作这个对象。

arguments ：函数的一个内置对象；里面存储了所有传递过来的实参；  具有length属性
只有函数才有arguments，每个函数都内置号了arguments。
  当我们不知道多少实参的时候，用arguments

8.伪数组并不知真正意义上的数组， 1）具有数组的length属性  2）按照索引方式进行储存 3）他没真正数组上的一些方法 popo（）push（）

内置对象：作用，帮助我们快速开发。 MDS上查找使用；
JavaScript 中的对象分为3种：自定义对象，内置对象，（ECMAScript）浏览器对象（js 独有的）；

Math对象（数学）；
console.log(Math.PI) / 圆周率；
console.log(Math.max(1,99,3))  / 最大值 99；
console.log(Math.min(1,2,3,4)) /  最小值 1 ；
console.log(Math.abs(1))       /  绝对值 1
console.log(Math.random()  /  随机数获取范围【0,1】
console.log(Math.floor(1.2))  向下取值 1
console.log(Math.ceil（1,2）向上去值 2
console.log(Math.date)

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2