6.27 js笔记复习

最新推荐文章于 2024-07-05 11:46:54 发布
最新推荐文章于 2024-07-05 11:46:54 发布
阅读量98 收藏
点赞数
文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Shelysure/article/details/106978727
版权

一些代码

一些闭包代码：
    <script>
      function f() {
          var a=[];
          var i;
          for(i=0;i<3;i++){
              a[i]=(function (x) {
                  return function () {
                      return x;
                  }
              })(i);
          }
          return a;
      }
      var test=f();
      alert(test[0]());
      alert(test[1]());
      alert(test[2]());
    </script>

结果：
0
1
2

这里换一种形式：

    <script>
      function f() {
          function test(x) {
              return function () {
                  return x;
              }
          }
          var a=[];
          var i;
          for(i=0;i<3;i++){
              a[i]=test(i);
          }
          return a;
      }
 
      var test=f();
      alert(test[0]());
      alert(test[1]());
      alert(test[2]());
    </script>

结果：
0
1
2
要注意的是：
在这里插入图片描述

对象扩展性的一些代码
 <script>
     var obj={};
     //检测对象是否可以扩展
     console.log(Object.isExtensible(obj));
     var d=new Date();
     console.log(Object.isExtensible(d));
     obj.x=1;
     console.log(obj.x);
     //通过preventExtension()将对象变为不可扩展的
     obj1=Object.preventExtensions(obj);
     console.log(obj===obj1);//验证是否为原来的对象
     console.log(Object.isExtensible(obj1));
     obj1.y=2;
     Object.defineProperty(obj1,'z',{value:1});//不能为一个不可扩展的对象赋值
    </script>

结果：
在这里插入图片描述

对象封闭性的一些代码
 <script>
     var obj={
         x:1,
         y:2,
         username:'king'
     };
    obj.age=12;
    delete  obj.x;
    o=Object.seal(obj);//封闭对象obj
    console.log(obj===o);
    console.log(Object.isExtensible(o));
    obj.y=55;
    console.log(obj.y);
    // Object.defineProperty(obj,'username',{
    //     get: function () {
    //         return 'this is test'//定义为访问器属性，但这是不行的
    //     }
    // })
        o.z=77;
        console.log(o.z);
        console.log(o.username);
        delete o.username;
        console.log(o.username);
        // Object.defineProperties(obj,'username',{value:'queen'});
        console.log(Object.isSealed(o))
        console.log(o.username);
        console.log(Object.getOwnPropertyDescriptor(obj,'username'));// obj username属性不可配置

    </script>

结果：
在这里插入图片描述

冻结的一些代码
   var obj={
       prop:function () {

       },
       foo:'king'
   };
   obj.test='this is a test';
   delete obj.prop;
   var o=Object.freeze(obj);
   console.log(obj===o);
   console.log(Object.isFrozen(o));//检测是否冻结 冻结后任何操作都会失败
   o.x=1;
   console.log(o.x);
   console.log(o.foo);
   o.foo='queen';//修改失败
   console.log(o.foo);

结果：
在这里插入图片描述

浅冻结

 var obj1={
       internal:{}
   };
   Object.freeze(obj1);
   obj1.internal.x=1;
   console.log(obj1.internal.x);//子对象依旧可以赋值  此为浅冻结

结果为1，所以要对子对象也进行冻结，这时候就需要个递归冻结

实现深度冻结的代码
var obj1={
       internal:{}
   };
   Object.freeze(obj1);
   obj1.internal.x=1;
   console.log(obj1.internal.x);//子对象依旧可以赋值  此为浅冻结
    function deepFreeze(obj) {
        var prop,propKey;
        Object.freeze(obj);
        for(propKey in obj){
            prop=obj[propKey];
            if(!obj.hasOwnProperty(propKey)||!(typeof prop=='object')||Object.isFrozen(prop)){
                continue;
            }//如果它还有自己的属性 那么就是对象
            deepFreeze(prop);//递归调用
        }
    }

    var obj2={
        internal:{}
    };
    deepFreeze(obj2);
    obj2.internal.x=2;
    console.log(obj2.internal.x);

深度冻结后obj2的子对象的值为undefined

需要注意：

  • 默认对象是可扩展的，也就是非冻结的
  • 一个不可扩展的对象同时也是一个冻结的对象
  • 一个非空对象默认也是非冻结
  • 一个不可扩展的对象，但是拥有一个可写但不可配置的属性，仍然是非冻结的
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <script>
    //默认对象是可扩展的，也就是非冻结的
    console.log(Object.isFrozen({}));
    //一个不可扩展的对象同时也是一个冻结的对象
        var obj=Object.preventExtensions({});
        console.log(Object.isFrozen(obj));
    //一个非空对象默认也是非冻结
        var obj1={x:1};
        console.log(Object.isFrozen(obj1));
        Object.preventExtensions(obj1);//不可扩展不意味着冻结
        console.log(Object.isFrozen(obj1));
        delete obj1.x;
        console.log(Object.isFrozen(obj1));//但删除x后就变成冻结的了
    //一个不可扩展的对象，但是拥有一个可写但不可配置的属性，仍然是非冻结的
        var obj2={x:2};
        Object.preventExtensions(obj2);
        Object.defineProperty(obj2,'x',{writable:false});
        console.log(Object.isFrozen(obj2));//此时依旧是非冻结的
    //将x变为不可配置
            Object.defineProperty(obj1,'x',{configurable:false});
            console.log(Object.isFrozen(obj2));//此时变为一个冻结的对象了




    </script>
</body>
</html>

结果：

在这里插入图片描述

  • 如果一个不可扩展的对象，拥有一个不可配置但可写的属性，是非冻结的
  • 如果一个不可扩展的对象拥有一个访问器属性，它也是非冻结的
 //如果一个不可扩展的对象，拥有一个不可配置但可写的属性，是非冻结的
        var obj3={x:1};
        Object.preventExtensions(obj3);
        Object.defineProperty(obj3,'x',{configurable:false});
        console.log(Object.isFrozen(obj3));//此时非冻结
        //将x变为不可写
        Object.defineProperty(obj3,'x',{writable:false});
        console.log(Object.isFrozen(obj3));//此时冻结

        //如果一个不可扩展的对象拥有一个访问器属性，它也是非冻结的
        var obj4={
            get test(){
                return 1;
            }
        };
        Object.preventExtensions(obj4);
        console.log(Object.isFrozen(obj4));//非冻结的
        Object.defineProperty(obj4,'test',{configurable:false});
        console.log(Object.isFrozen(obj4));//当变为不可配置后 该对象冻结

结果：
在这里插入图片描述
冻结后：

    <script>
    var obj5={x:1};
    Object.freeze(obj5);
    console.log(Object.isFrozen(obj5));
    console.log(Object.isSealed(obj5));
    console.log(Object.isExtensible(obj5));
    </script>

结果：
在这里插入图片描述

一些Object对象代码
    <script>
    var arr=['a','b','c'];
    console.log(Object.keys(arr));
    var obj={
        0:'d',
        1:'e',
        2:'f'
    };
    console.log(Object.keys(obj));
    var obj1=Object.create({},{
        getFoo:{
            value:function () {
                return this.foo;
            }
        }
    });
    obj1.foo=123;
    console.log(Object.keys(obj1));
    //如果想获取一个对象的所有属性，包括不可枚举的，Object.getOwnPropertyNames()
        console.log(Object.getOwnPropertyNames(arr));
        console.log(Object.getOwnPropertyNames(obj));
        console.log(Object.getOwnPropertyNames(obj1));
    </script>

在这里插入图片描述

 <script>
   var obj={get foo(){return 123;}};
   console.log(Object.getOwnPropertyDescriptor(obj,'foo'));//得到obj对象 foo属性的描述；
   obj={
       name:'king',
       age:12
   };
   console.log(Object.getOwnPropertyDescriptor(obj,'name'));
   obj={};
   Object.defineProperty(obj,'test',{
       value:'this',
       writable:false,
       enumerable:false,
       configurable:true
   });
   console.log(Object.getOwnPropertyDescriptor(obj,'test'));//按照我们定义的那样返回
        var obj1={x:1};
        var obj2=Object.create(obj1);
        console.log(Object.getOwnPropertyDescriptor(obj2,'x'));
        console.log(Object.getPrototypeOf(obj2)==obj1);
    </script>

结果：
在这里插入图片描述
constructor

<script>
  //constructor
        var obj3=new Object;
        console.log(obj3.constructor==Object);
        var arr1=new Array;
        console.log(obj3.constructor==Array);
        var n=new Number(324);
        console.log(n.constructor==Number);
        function Test() {

        }
        var f=new Test();
        console.log(f.constructor);
    </script>

结果：
在这里插入图片描述

String对象的一些代码
<script>
     var str='king';
     var strObj= new String('king');
     console.log(typeof strObj);
     console.log(strObj[0]);
     console.log(strObj.length);
     console.log(strObj.valueOf());
     console.log(strObj.toString());
     console.log("mai"[0]);
     console.log("heeeeee".length);
     var str=String('1234');//这里使用的是函数
        str=String(true);
        str=String({x:1});
        str=String(null);
        console.log(str);
        var str='king';
        //charAt根据下表返回指定的字符
        console.log(str.charAt(0));//取第几个字符
        console.log(str.charAt(10));//若不存在返回空
        //charCodeAt返回指定字符的ASCII码值
        var str='abcdef';
        console.log(str.charCodeAt(0));
        console.log(str.charCodeAt(110));
        console.log(str.charCodeAt(-10));
        

    </script>

结果：

在这里插入图片描述

 <script>
        //fromCharCode()根据指定的ASCII放回对应的字符
        console.log(String.fromCharCode(97));
        console.log(String.fromCharCode(65,66,67));
        //concat()连接字符串
        var str='hello';
        console.log(str.concat('world'));
        console.log(str.concat('world','!'));
        //字符串搜索相关
        var str='this is a test';
        console.log(str.indexOf('t'));//首次出现的位置
        console.log(str.indexOf('is'));
        console.log(str.indexOf('Is'));//区分大小写
        console.log(str.indexOf('i'));//2
        console.log(str.indexOf('i',3));//从第三个位置开始搜索  5
        //通过indexOf可以统计一个字符在指定字符串中出现的次数
        var str='sssdwefegrgdnkfdfdjig';
        var count=0;
        var pos=str.indexOf('s');
        while(pos!=-1){
            count++;
            pos=str.indexOf('s',pos+1);
        }
        console.log(count);//3

        //lastIndexOf():最后一次出现的位置
        var str='this is a test';
        console.log(str.lastIndexOf('is'));// 5

    </script>

在这里插入图片描述

//比较两个字符串
        console.log('a'.localeCompare('z'));//-1
        console.log('z'.localeCompare('a'));//1
        console.log('V'.localeCompare('A'));//1
        console.log('a'.localeCompare('a'));//0

//字符串截至到正则表达式以前

function对象的一些代码
<script>
    function Test() {}
        console.log(Test.constructor);
        function Test1(x,y,z) {
            return x+y+z;
        }
        console.log(Test1.length);//返回参数个数
        function A() {
            return A.caller;//谁调用A函数就返回谁
        }
        function B() {
            return A();
        }
        console.log(B());
        console.log(A());//没有函数调用它 所以是null
        function Test2() {
            return arguments;//返回包含参数的数组
        }
        console.log(Test2(1,2,3,4,5,6,'a',7));
     
    </script>

结果：
在这里插入图片描述

   //callee属性，这个属性引用的是当前被调用的函数对象
        function f() {
            return arguments.callee;
        }
        console.log(f());
    (
        function (count) {
            if(count<=3){
                alert(count);
                arguments.callee(++count);
            }
        }
    )(0);//完成匿名函数的返回调用

结果：
依次弹出0，1，2，3

    <script>
    function f1(a,b,c) {
        return a+b+c;
    }
    console.log(f1.toString());
    console.log(f1.valueOf());
    var obj={
        name:'king',
        say:function (somebody) {
            return 'Hello '+somebody+' this '+this.name;
        }
    };
    console.log(obj.say('queen'));
    var obj1={
        name:'maizi'
    };
    console.log(obj.say.call(obj1,'js')); //调用当前function对象，可同时改变函数内this指针引用
    //函数参数一个个分别传入

     var obj2={
        calc:function (x,y,z) {
            return x+y+z;
        }
        };
     console.log(obj2.calc.call(null,1,2,3));
     console.log(obj2.calc.apply({},[ 3,4,5]));//调用当前function对象，可同时改变函数内this指针引用
        //函数参数以数组或者arguments方式传入
    </script>

结果：

在这里插入图片描述

Math对象的一些代码
    <script>
        console.log(Math.E);
        console.log(Math.PI);
        console.log(Math.abs(-12));
        console.log(Math.ceil(12.3));//取整
        console.log(Math.floor(13.8));//去掉小数部分
        console.log(Math.round(1234.5566,2));//四舍五入 保留2位小数
        console.log(Math.pow(2,3));
        console.log(Math.sqrt(4));
        console.log(Math.random());
        console.log(Math.max(1234,333333,222222));
        console.log(Math.min(-233,222,1122,33));
    </script>

在这里插入图片描述

Shelysure
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ros6.27 L6
03-12
MikroTik v6.27 L6许可，可升级至7.x版本。此文件为VMware的导出文件，扩展名为ova,可用VMware Workstation、VMware ESXI或vmware player导入即可。此工具仅限学习使用
Bandizip6.27.zip
09-16
《Bandizip 6.27：一款高效且免费的解压缩软件》 在数字化的世界里，文件压缩软件已经成为日常工作中不可或缺的工具。Bandizip，作为一款备受好评的解压缩软件，以其强大的功能和无广告的用户体验，深受广大用户...
6.27学习笔记
weixin_52253035的博客
06-27 62
2022.6.27
6.27 笔记-多表查询
2202_75950278的博客
06-28 202
笛卡尔积是指在数学中，两个集合X和Y的笛卡尓积（Cartesian product），又称直积，表示为X × Y，第一个对象是X的成员而第二个对象是Y的所有可能有序对的其中一个成员。MySQL的自查询是指在一个表中通过自身的多次查询来处理数据。自查询通常使用别名来给表区分不同的实例。select ... from 表A as a , 表A as b where 条件;顾名思义，将两条SQL语句联合为一条SQL语句，将两条SQL语句查询的结果拼在一起，相当于数学中的并集。
6.27笔记
sinat_35325378的博客
06-27 73
563.二叉树的坡度：二叉树的后序遍历 572.另一个树的子树：递归树s的每一个结点，判断以该结点为根的树和树t是否相等，如果相等，为true，如果不等为false 三个提的方法都是递归 ...
6.27自学c笔记
qq_57559854的博客
06-27 96
6.27笔记
6.27学习笔记（MySQL/泰坦尼克）
weixin_43621813的博客
06-27 105
构建dataframe from pandas import Series,DataFrame,merge import numpy as np data=DataFrame([{"id":0,"name":'lxh',"age":20,"cp":'lm'},{"id":1,"name":'xiao',"age":40,"cp":'ly',}, {"id":2,"n...
Redis最新6.27安装配置笔记及安装和常用命令快速上手复习指南
sakura的博客
07-17 347
狂神说redis6.27的配置和常用命令，还在整理和完善中....
6.27笔记（docker）
weixin_34242819的博客
06-29 75
1 docker01docker 安装 停止禁用防火墙systemctl stop firewalldsystemctl mask firewalld 禁用 selinux 配置 yum 源，安装 dockeryum install docker-engine 启动测试systemctl start dockerifconfig 启动后可以看见 docker0 docker version 搜索...
实训笔记6.27
cai_4的博客
06-27 166
from table_name 从指定的数据表中查询数据，from子语句一旦出现，select子语句中就可以有表字段 如果要查询表中的所有字段 可以在select 后加上一个*号，*号慎用。DML主要负责表数据的增加、删除和修改，DML语言执行完成会给我返回一个整数类型的结果，这个结果代表的是数据表受影响的行数。1、select查询语句查询回来的是一个虚拟二维表格，二维表格也是有表头的，表头我们是可以起别名的。2、联合查询最后得到的结果集的表头是第一个查询语句的表头。
长难句打卡6.27
m0_62249858的博客
07-05 206
购物约40分钟后，大多数人就不再费心去理性选购，而是开始冲动购物了——就是从这一刻起我们把本来根本没打算买的那一半东西堆进了购物车。
Bandizip_6.27.exe
08-31
Bandizip 一度是口碑极佳的最优秀好用的“免费压缩解压软件神器”！也是无数人装机必备的工具之一。因其功能强大界面简洁无广告+完全免费，可完美替代 WinRAR 和 7-Zip，...6.27版是最后一个无广告免费版且不提示升级。
TotalUninstall6.27.zip
12-25
压缩包"TotalUninstall6.27.zip"中包含的主要文件是"TotalUninstall6.27.exe"，这是TotalUninstall的可执行程序。用户只需解压后运行这个文件，即可开始使用这款工具。另外，"更多精品绿色软件,免费资源大全高速下载...
刻绘6.27.1M版
02-10
刻绘大师6.27.1M版--完美破解无需加密狗
实操：VRRP配置实验演练演示.mp4
07-09
基于华为模拟器ENSP
基于深度强化学习的钢琴和声自动自适应系统.pdf
最新发布
07-09
基于深度强化学习的钢琴和声自动自适应系统.pdf
实操：MSTP配置演练演示.mp4
07-09
基于华为模拟器ENSP
IMG_20240709_145418.jpg
07-09
IMG_20240709_145418.jpg
module 'cv2' has no attribute 'Videostab'
11-07
这个错误通常是由于OpenCV版本不兼容导致...这将安装OpenCV 3.4.6.27版本和相应的contrib库，它们支持Videostab模块。如果你仍然遇到问题，请确保你的代码中正确导入了cv2模块，并且你的代码中没有拼写错误或语法错误。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值