前端学习笔记———浏览器篇

  //ES3
   var a=3；
       a=13;
      console.log(a);//13
 //ES6
   let b=3;  //Es6 新增
       b=13;
       console.log(b)//13
   const c=100;// ES6新增
   
   function fn(){}// 创建函数也相当于创建变量
   
   class A{}// 创建类也相当于创建变量
   
   //ES6的模块导入也可以创建变量
   import B from './B.js';

   //Symbol  创建唯一值
   let n=Symbol(100)

    let Test=100;
    let $box  //=>  一般JQ 获取的$开头
    let _box  //=> 一般公共变量 _ 开头 

  let studentInformation;
  let syudentInfo; //部分简写
  //常用的缩写：add/insert/create/new(增加)、update(更新修改)、delete/del/remove/rm(删除)、sel/select/query/get(查询获取)  info(信息)

 var let  const function import   ...

 let num; //=> 默认没有赋值 默认值 undfined

  let person ={
       name: ' five',
       age '22',
       height: '178cm',
       weight: '64kg',
       1:100
 };
 //获取方式
 //=>  对象.属性名
 //=> 对象[ 属性名 ]
console.log( person.name)；// five
console.log( person[ ' age ' ]);// 22
console.log(person.sex)；//undefined
console.log(person[1]);// 100

console.log(person.1)//  报错 语法错误  属性名是数字 不能以 

 //设置属性名属性
 person.GF= ‘ LHL’;
 console.log('GF');
// 删除属性
//=> 真删除: 把属性彻底干掉
//=> 假删除： 属性还在，值为空

/*
  1.属性值默认 属性名 默认生成数字，从零开始 ，连续递增，代表每一项位置的数值的位置  即索引
*/
  let ary=[12,'哈哈哈'，true,13];
    console.log(ary[0]); //12
    console.log(ary[ary.length-1]); //13

        //ES5
         function [  函数名 ]( [  形参1 ], ... ){
         }//形参默认 undfined
       //ES6
        let res=(a,b)=>a+b;
       //匿名函数
       //匿名函数：把一个函数本身作为值赋值给其他东西，一般靠驱动触发执行（靠某个事件触发）
       document.body.onclick =function(){}
       setTimeout(function(){}.1000)
       //自执行函数
       (function(n){
          //n=>100
       })(100);


windows.onload =function(){
// 事件： 当页面中结构和内容都加载完全才会执行
}
//JQuery
$(document).ready(function(){ })

     __proto__  (myobj)
               ...
             __proto__   (myObject)
                        ...
                     __proto__   （Object）
                               ....
                                      //原型链 最终基于对象原型Object   一层一层形成链
obj.prototype 使用原型链上的东西