es6前端笔记4

最新推荐文章于 2024-07-24 23:00:08 发布

hj286251

最新推荐文章于 2024-07-24 23:00:08 发布

阅读量22

点赞数

文章标签：前端 es6 笔记

本文链接：https://blog.csdn.net/hj286251/article/details/135145012

版权

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
   </head>
   <body>
       <button type="button">按钮</button>
   </body>
   <script type="text/javascript">
       // var a = 10;
       // function fn(name=a,age=17){
       // console.log(name+","+age);
       // }
       // fn()
       // fn(1,20)

       // function fn(name=age,age=name){
       // console.log(name+","+age);
       // }
       // var fn = function(name=age,age=name){
       //    console.log(name+","+age);
       // }
       // let fn = (name=age,age=name)=>{
       //    console.log(name+","+age);
       // }
       // fn(1);
       // fn(1,2);

       // var fn = function(num){
       //    return num;
       // }
       // console.log(fn(99));

       // let fn = (num)=>{
       //    return num
       // }
       // let fn = num=> num;
       // console.log(fn(99));

       // function f(x,y=x){
       // console.log(x,y);
       // }
       // f(1);

       // function f(x=y){
       // console.log(x);
       // }
       // f();

       // function f(...values){
       //    console.log(...values);
       // console.log(values.length);
       // }
       // f(1,2,3,4,5,6,7)
       // let f = (...values)=>{
       //    console.log(...values);
       // }
       // f(1,2,3,4,5,6,7)
       // arguments 获取没有形参的函数值,es6中箭头函数不能使用arguments方法
       // var fun = function(){
       //    console.log(arguments);
       //    console.log(arguments.length);
       //    for(var a=0;a<arguments.length;a++){
       //        console.log(arguments[a]);
       //    }
       // }
       // fun(1,2,3,4,5)
       // let fun = ()=>{
           // console.log(arguments);
           // 会报错
       // }
       // fun(1,2,3,4,5)

       // let arr = [11,22,33,44,55];
       // arr.map(function(item,index){
       //    console.log(item);
       //    console.log(index);
       // })
       // arr.map((item,index)=>{
       //    console.log(`item${item}--------index${index}`);
       // })
       // let fn = (num=10) =>num;
       // console.log(fn());
       // var a = 10;
       // var fn1 = function (){
       //    var a = 20;
       //    console.log(this.a);
       //    console.log(this);
       //    console.log(a);
       // }
       // fn1();
       // 1.箭头函数this指向永远指向window
       // let fn2 = ()=>{
       //    var a = 20;
       //    console.log(this.a);
       //    console.log(this);
       // }
       // fn2();
       // var a = 10;
       // var fn1 = function (){
       //    var a = 20;
       //    setTimeout(function(){
       //        console.log(this);
       //    },0)
       // }
       // fn1()
       // var a = 10;
       // var _this = this;
       // let obj = {
       //    a:20,
       //    "fn1":function(){
       //        console.log(this.a);
       //        console.log(_this.a);
               // console.log(this);
               // setTimeout(function(){
               //    console.log(this);
               //    console.log(this.a);
               // },0)
           // }
       // }
       // obj.fn1();
       // var a = 10;
       // let obj1 = {
       //    a:30,
           // fn:function(){
               // console.log(this);//obj
               // console.log(this.a);//30
               // setTimeout(function(){
               //    console.log(this);//window
               //    console.log(this.a);//10
               // })
               // setTimeout(()=>{
               //    console.log(this);//obj
               //    console.log(this.a);//30
               // })
           // },
           // fn:()=>{
               // console.log(this);//window
               // console.log(this.a);//10
               // setTimeout(function(){
               //    console.log(this);//window
               //    console.log(this.a);//10
               // })
               // setTimeout(()=>{
               //    console.log(this);//window
               //    console.log(this.a);//10
               // })
           // }
       // }
       // obj1.fn();
       // var button = document.getElementsByTagName("button")[0];
       // button.addEventListener('click', () => {
       //    console.log(111111111);
       //    console.log(this);
       //    console.log(this.innerText);
       // });
       // button.addEventListener('click', function(){
       //    console.log(222222);
       //    console.log(this);
       //    this.innerText = "陈冬";
       // });

       var name = '小王',age = 17;
       let _this = this;
       var obj = {
           name:'陈冬',
           objAge:this.age,
           objs:{
               name:"周浩天",
               age:2
           },
           myFun:function(){
               // console.log(`${this.name}--年龄--${_this.age}`);
               console.log(`${this.name}--年龄--${this.age}`);
           },
           // myFun:()=>{
           //    console.log(`${this.name}--年龄--${this.age}`);
           // },
       }
       let obj1 = {
           name:"朱攀佳",
           age:99
       }
       // console.log(obj.objAge);
       obj.myFun();
       obj.myFun.call(obj1);
       obj.myFun.call(obj.objs);
   </script>
</html>