ECMAScript5基础知识梳理

在这里插入图片描述

  1. Javascript介绍
    浏览器(网页)
    手机号
    email
    固定电话
    地址
    身份证 xxx

    |
    提交
    |
    后台(校验)跳转(jsp)

    IE
    chrome
    safari
    firefox

    Java
    语法 sun
    解释器 jdk sun

    Javascript
    网景 firefox script
    解释器
    语法
    IE script
    解释器
    语法

     网易严选
     	脚本	校验登录页面
    
     ECAMA
    
  2. Javascript组成
    ECMAScript5(javascript语法标准)
    js标准语法
    注释
    变量
    操作符
    操作数
    表达式
    语句
    数组
    函数
    对象

    var a = 10;
    【lodash.js】

    DOM (document object model)
    js操作html
    文档浏览器
    var dom = document.getElementById("");
    dom.onclick = function(){}
    dom.addEventListener(function(){})

     【jQuery】 ie低版本 ie+
    

    BOM (browser object model)
    js操作浏览器
    alert();
    setInterval()
    setTimeout()
    getClientX
    window.history

  3. js解释器

    1. 在所有的主流浏览器中都具备js解释器
      js -> 浏览器(客户端)

    2. google chrome
      google v8引擎(js解释器)-> nodeJS
      nodejs -> linux,unix,windows,macos
      js不仅仅可以运行在浏览器端,还可以运行在服务器端

      js运行在浏览器端:动画,表单验证,ajax数据交互…
      js运行在服务器端:js转换,代码编译,操作数据库,流,网络,iot

  4. js学习方式

    ECMAScript
    所有浏览器,所有的js解释器(nodejs)
    linux(ubuntu16.04) + nodejs

    js语言特性
    解释性语言
    js -> nodejs

     	编写代码 	vim
     	执行行吗 	nodejs
     	
     编译型语言
     	java - .class -> jdk -> linux
     	c - .out -> linux
    
  5. hello world

    1. 创建一个文件
      hello.js
    2. 编写文件
      function sayHello(){
      console.log(“hello world”);
      }
      sayHello();
    3. 执行代码
      $ node hello.js

    console.log(a,b,c);
    将a,b,c变量的内容打印到控制台中

  6. 变量
    强类型
    变量的数据类型取决于变量的声明
    int a = 3;
    a是个整数类型,由于int a ;
    a = true;
    以上表达式不允许,因为a是一个整数类型,不能赋值为布尔类型

    弱类型
    变量的数据类型取决于值的类
    var a ; // 变量的声明
    a = 3 ; // 变量的初始化
    =>
    var a = 3; //变量的声明与初始化一起

     a是个数字类型,由于a = 3;
     a = true;
     a变成类布尔类型
    

    变量声明
    var a;
    var str;

    变量初始化
    a = true;
    str = 1;
    str = “1”;

    变量的使用
    a + 1 ;

    变量类型
    基本数据类型
    数字类型 number
    var a = 3;
    var a = 3.0;
    var a = 011;
    var a = 0x11;

    字符串类型 string
    var str = “hello world”;
    var str = ‘hello’;
    var str = ‘{“name”:“terry”}’
    布尔类型 boolean
    var b = true;
    var b = false;
    null object
    一般表示空对象
    var a = null;
    undefined
    var a; // undefined
    var a = undefined; //undefined

     	检测数据类型	
     		var a = 3;
     		typeof a
    
     		isNaN(result)
     			3/"a"
     			如果result是NaN,那么这个函数返回true
    
     		isFinite(result)
     			如果result是一个有穷数,返回true
     			3/0 	=> inFinite 无穷数
    
     引用数据类型
     	数组
     		var arr = [1,2,3,4,5,6];
     		var names = ["terry","larry","tom"]
     	函数
     		function sayHello(){
     			console.log();
     		}
     	对象
     		var p = {
     			name:"terry",
     			age:21,
     			gf:null
     		}
    
     	正则表达式
    
     基本数据类型与引用数据类型在内存中的表示
     	基本
     	var a = "terry";
     	引用
     	var b = {
     		name:"terry",
     		age:12,
     		gender:"male"
     	}
    
     基本数据类型的值保存在栈区;引用数据类型的引用地址保存在栈区,内容保存在堆区
    
  7. 操作符

    1. 算术操作符

      •   += 
        
      •   -=
        
      •   	*=
        

      / /=
      % %=

    2. 赋值操作符
      var result = 1 + 2;

      result += 3;
      等价于>
      result = result + 3;

      将1+2这个表达式的运算结果赋值给result

    3. 一元运算符
      ++ 自增
      – 自减
      前置:先自增、减再参与其他运算
      后置:先参与其他运算,再自增、自减
      var a = 3;
      var b = 1;
      var result = ++a+b++;

       ++a;	//	a = 4;
       a+b 	// 	result 5;
       b++ 	// 	b = 2;
      
      • var a =3 ;
        +a;
        将其他数据类型转换为数字类型
        +true //1
        +‘11’ //11
      • -a;
        将其他数据类型转换为数字类型
        -(-true) //1
        -(-‘11’) //11
    4. 逻辑运算符
      短路运算符【返回结果不一定是boolean】
      &&
      当第一个表达式为假的时候,不再计算第二个表达式,整个表达式的结果由第一个表达式来决定,因此会返回第一个表达式的运算结果

       var age = 12;
       gender = "male"
      
       age>18 && gender == 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值