javaScrpit初学知识点二阶段（JavaScript）

二阶段（JavaScript）

Day01

1. js的功能：实现页面的交互效果（动画-实现数据交互-前后端数据交互）

2. js：ECMA（ECMAScript）组织定制的语法基础

3. js的三大组成部分：ECMAScript（语法基础）+BOM（brower object model 浏览器对象模型）+DOM（document object model文档对象模型------用js控制标签和css）

4. js是：基于对象的弱类型的直译型的脚本语言。

5. js的三种引入方式：①内部js②外部js③行内js（直接在标签上写js代码）

6. js的三种输出语句

   ALERT( )（页面弹窗）
   ①字符串加引号，单双引无区别。如alert('js真简单') ; alert("js真简单") ;
   ②单引号可以套双引号，双引号也可以套单引号。引号不分单双。如 alert(' js引号真"复杂" ') ;alert("js引号真'复杂'") ;
   ③ 数字可以不加引号，字符串必须加引号
   ④可以识别空格，不认识标签。如alert（'66 6'）alert('<h1>666</h1>')

   DOCUMENT.WRITE( )（页面输出）
   ①输出数字666：document.write(666);
   ②输出字符串hello你好啊：document.write('hello你好啊’);
   ③ 加标签输出：document.write('<h1>666</h1>');

   CONSOLE.LOG( )(控制台输出---测试的时候用)
   ①console.log(666);/console.log('hello world');/console.log('666')
   ②不识别标签只是字符串：console.log('<h1>666</h1>') ;

7. 注释分为单行注释//(快捷键ctrl+/）多行注释/* */

8. 常量：就是直接量直接使用的量如666 hello你好啊

9. 变量：可以改变的量

10. VAR（声明变量）
    ①变量在使用的时候，不加引号。
    ②变量的命名规则
    a：只能使用数字，字母，下划线以及$组成
    b：数字只能开头
    c：不能使用关键字和保留字
    ③变量命名建议
    a:驼峰命名法
    b:不要使用拼音，见名知意
    ④变量：在内存中开辟一个空间，存储值。=是赋值的意思，把等号右边的值赋给左边。

    var x = 1 ; ​ // 变量在使用的时候，不加引号 ​ document.write(x) ;

        var x1 = 2 ;
        // var 1x = 3 ;
        var _x = 4 ;
        var $q = 5 ;
        document.write($q) ;
    
        // var var = 6 ;
        var _alert = 7 ;
        document.write(alert) ;

        var userName = '小花' ;
        var user_name = '小花' ;
    
        // 不建议使用大驼峰
        var UserName = '小花' ;

        // 声明变量，不赋值
        var m ;
         // 声明变量，且赋值
        var n = 1 ;
        // 单独赋值
        m = '可乐' ;

下午

1. 数据类型

   类型	代码
   数字	var x = 1;
   字符串	var y = 'hello';
   逻辑值，布尔值 true/false	var z = 'true'; document.write(z);
   已声明，未赋值 undefined	var m ; document.write(m);
   空值 null	var n = null；

2. typeof 判断数据类型

   console.log(typeof x) ; // number 数字* ​ *console.log(typeof y) ; // string 字符串* ​ *console.log(typeof z) ; // boolean 布尔值* ​ *console.log(typeof m) ; // undefined 已声明，未赋值* ​ *console.log(typeof n) ; // null -> object 空对象*

   *console.log(aa) ; // is not defined 报错*

3. js是一种弱类型的语言，在js中声明变量都用var，变量的数据类型可以任意修改，分号可以省略。int（整型）float（浮点型）char（布尔型）

4. 算数运算符：+ - * %(模余数)

   代码如下：

   var x = 1 ; ​ var y = 2 ; ​ var z = x + y ; ​ console.log(z) ; ​ console.log(x * y) ; ​ console.log(x / y) ;

   console.log(8 % 3) ; // 2

   console.log(3 % 8) ; // 3

   console.log(2 + 3 * 4) ; // 14

   console.log((2 + 3) * 4) ; // 20

5. 赋值运算符：= += -+ *= /= %=

   var x = 1 ; ​ // x = x + 1 ; ​ x += 1 ; ​ console.log(x) ; // 2 ​ x -= 2 ; ​ console.log(x) ; // 0 ​ x *= 3 ; ​ console.log(x) ; // 0 ​ x = 4 ; ​ x /= 2 ; ​ console.log(x) ; // 2 ​ x %= 3 ; ​ console.log(x) ; // 2

6. 比较运算符

   符号	意义
   >	大于
   <	小于
   ==	值等----判断值相等不管数据类型
   ===	全等----判断值和数据类型都要相等
   >=	大于或者等于
   <=	小于或者等于
   ！=	判断值不相等
   ！==	判断值或数据类型不相等

   代码如下：

        var x = 3 > 4 ;
   •    console.log(x) ;
   ​
   •    console.log(4 >= 4) ;   // true 
   ​
   •    console.log(4 <= 4) ;   // true 
   ​
   •    var m = 4 ;
   •    var n = 4 ;
   •    console.log(m == n) ;  // true
   ​
   •    console.log(4 == '4') ;  // true
   •    console.log(4 === '4') ;  // false
   ​
   •    console.log(4 != 3) ;   // true
   •    console.log(4 != '4') ;  // false
   •    console.log(4 !== '4') ;   // true
   •    // 连等式与数学不一样
   •    // 计算机每一次都会计算一个结果再与后面的结果进行再次计算
   •    console.log(5 > 4 > 3) ;   // false
   •    //  5 > 4  true
   •    //  true > 3    false
   ​
   •    console.log(3 < 4 < 5) ;  // true

7. 逻辑运算符

   ①与&&：连接多个条件语句，所有的条件都满足，结果才是true，只要有一个条件不满足结果就是false

   ②或者||：只要有一个条件满足结果就是true，所有条件都不满足结果才是false

   ③非!：取反

   代码如下：

       console.log(3 < 4 && 4 < 5) ;  // true
   ​
   •    console.log(3 > 4 && 4 < 5 && 5 < 6) ;   // false
   ​
   •    // 短路运算   与    见假即停止
   ​
   •    console.log(3 > 4 || 4 < 5) ;  // true 
   ​
   •    // 短路运算  或    见真即停止
   •    // console.log(3 > 4 || 4 < 5 || ...)    // true
   ​
   •    var x = 3 > 4 ;  // false
   •    var y = !x ;   // !false  ->  false取反
   •    console.log(y) ;

8. 自增自减

   ①++在后面的时候，先赋值后自增

   var y = x++ ; console.log(y) ; // 1 ​ console.log(x) ;

   ②++在前面的时候，先自增，再赋值 ​ var y = ++x ; ​ console.log(y) ; // 2

   var z = x++ + ++x ; ​ // 1 + 3 ​ // 2 3 ​ console.log(z) ; ​ console.log(x) ; // 3

   var m = x++ + x++ + --x ; ​ // 3 + 4 + 4 ​ // 4 5 4 ​ console.log(m) ;

   JavaScript自增、自减运算符与表达式(i初始值为6)

   运算符	++I	--I	I++	I--
   名称	前自增运算符	前自减运算符	后自增运算符	后自减运算符
   表达式	++i	--i	i++	i--
   示例	++i;	--i;	i++;	i--;
   i的结果	7	5	7	5
   有趣的示例	++i alert(i) alert(++i) alert(i)	--i alert(i) alert(--i) alert(i)	i++ alert(i) alert(i++) alert(i)	i-- alert(i) alert(i--) alert(i)
   结果	7 8 8	5 4 4	7 7 8	5 5 4

   注释：前自增运算符与后自增运算符有本质的区别，它们的相同点都是为自身加了1，不同点是前自增运算符是先加1，再使用操作数的值，后自增运算符是先使用操作数的值，再加1。

9. 字符串拼接：+有两种作用分别是数字求和和字符串拼接！

   代码如下：

   var y = 'world' ;
   var z = x + ' ' + y ;
   // document.write(z) ;
   ​
   var x = '1' ;
   var y = '2' ;
   // document.write(x + y) ;
   ​
   ​
   var a = 10 ;
   var b = 1 ;
   document.write('变量a的值是:' + a) ;
   ​
   var text = 'hello world' ;
   document.write('<h1>' + text + '</h1>') ;
   ​
   // 1 + 1
   // document.write(a) ;
   // document.write('+') ;
   // document.write(b) ;
   // document.write(a+'+'+b) ;
   // 1 + 1 = 2 
   // document.write(a + '+' + b + '=' + (a + b)) ;

10. 常见的运算符：算数运算符、赋值运算符、逻辑运算符、比较运算符、自增自减

11. Math数学对象

    名称	代码
    随机数	Math.random（）
    向上取整	Math.ceil（）
    向下取整	Math.floor（）
    四舍五入	Math.round（）

    // random() -> 函数  --- 产生一个0-1之间的随机数 ，包含0不包含1
    var num = Math.random() ;
    document.write(num) ;
    ​
    // 0-100之间的随机数   包含0，包含100
     num *= 100 ;
    document.write('<br>' + num) ;
    ​
    // ceil 天花板  
    // num = Math.ceil(num) ;
    ​
    // floor 地板
    // num = Math.floor(num) ;
    ​
    // round 环绕  --- 四舍五入
    num = Math.round(num) ;
    ​
    document.write('<br>' + num) ;
    ​
    // 产生一个三位数？  
    //    100-1000
    //     100 + (0-900)

12. 问题：随机的三位整数

    分析：

    ①已知一个函数Math.random()可以产生0-1之间的随机数

    求：三位数100-1000

    ②实现的过程：0-1000 *1000 最小值是100 100+任何正数

    ③100+随机数 *900

    // 1 产生0-1之间的随机数
    var n = Math.random() ;
    // 测试
    console.log(n) ;
    // 2 把这个随机数*900
    n *= 900 ;
    console.log(n) ;
    // 3 取整  --- 3种方法  --- 思考是否取到最大值
    n = Math.floor(n) ;
    console.log(n) ;
    // 4 保证最小值是100
    n += 100 ;
    console.log(n) ;
    document.write('产生的随机三位数是:' + n) ;
    ​
    // 20-80    20 + n * 60

13. 取出每一位数

    代码如下：
    
    // var n = 123 ;
    // var bai = n / 100 ;
    // // 向下取整
    // bai = Math.floor(bai) ;
    
    ​    // // 十位
    ​    // var shi = n % 100 ;
    ​    // shi = shi / 10 ;
    ​    // shi = Math.floor(shi) ;
    
    ​    // // 个
    ​    // var ge = n % 10 ;
    ​    // document.write('百位是：' + bai) ;
    ​    // document.write('<br>十位是：' + shi) ;
    ​    // document.write('<br>个位是：' + ge) ;
    
    ​    var n = 2234 ;
    ​    // 千
    ​    // var a = n / 1000 ;   取整
    
    ​    // 百
    ​    // var b = n % 1000 ;
    ​    // b = n / 100 ;  取整
    
    ​    // 十
    ​    // var c = n % 100 

最后

以上就是高贵可乐为你收集整理的javaScrpit初学知识点二阶段（JavaScript）的全部内容，希望文章能够帮你解决javaScrpit初学知识点二阶段（JavaScript）所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。