JavaScript之ES5新特性

this

function中的this——谁调用指向谁

1.注册在对象中的function里面的this

var obj = {a:10,fn(){console.log(this. a)}

注:对象中fn(){}是fn:function(){}的简写

obj.fn()//10

注册在对象内的方法一定由对象调用,所以fn中的this执向obj

2.注册在全局作用域中的function

var a = 10;
function fn(){console.log(this. A)
}
fn()//10

注:所有注册侧在全局的变量和方法都是window的属性,所以fn()的完全体是window.fn()里面的this指向window

3.回调函数与方法内的函数

只要是直接调用的方法(前面没有前缀),里面的this必定指向window

构造方法的继承

//父类:人
//构造函数
function Person(name,age){this.name = name;this.age = age;
}
//原型...//子类:程序员类
//构造函数
//程序员作为人的子类,人的属性程序员一定有
//需求:相同的属性,从父类继承,而不是自己声明
function Programmer(name,age,salary){//name,age继承自父类//Person(name,age)//因为直接调用的方法中的this指向window//所以name与age成为了window的属性//new Person(name,age)//new的作用是实例化出一个新对象,并把属性声明在新对象中//这个新对象在Person方法中并不是new p的到的性对象//问题出在Person的this指向中//解决:写在Programmer里面的this指向正确//只要让Person中的this指向Programmer中的this即可//强行改变this指向Person.call(this,name,age)//call的作用,执行方法//让方法中的this指向第一个参数//后面的参数是传递给原方法的实参//salary是程序员独有的属性,自己声明this.salary = salary;
}
var p = new Programmer('xiaoming',18,10000)
console.log(p)

 ES5新特性

严格模式

在这种模式下,JS语言需要更加严谨,一些不太严谨的写法会报错。

如何开启严格模式?

'use strict'//开启严格模式

禁止使用为声明的变量——禁止隐式声明

a=10;//严格模式下报错

静默失败升级为报错

var arr = [1, 2, 3, 4, 5];
console.log(arr.length)

删除length属性

delete arr.length
console.log(arr.length)

非严格模式下。删除失败,但是没有任何提示,即静默失败

严格模式下,报错,静默失败升级为报错

防递归

斐波那契额数列

function feb(n){//返回数列中的第n项的值if(n==1||n==2){return 1;}else{return feb(n-1)+feb(n-2);}
}console.log(feb(1))//1
console.log(feb(5))//5
function feb(n){//返回数列中的第n项的值if(n==1||n==2){return 1;}else{return arguments.callee(n-1)+arguments.callee(n-2);}
}console.log(feb(1))//严格模式下报错

对象属性

修改属性

var arr=new Array(1,2,3);
console.log(arr)
console.log(arr.length)//构造函数中的方法
console.log(arr.reverse())//原型上的方法//修改length属性
arr.length=8;//修改成功
console.log(arr.length)//8
//删除length属性
delete arr.length;//删除失败
console.log(arr.length)//8
//把arr看做对象,下标及length是属性名,用for...in遍历
for(var i in arr){console.log(arr[i])
}
//只能遍历出数字下标的值,length属性无法遍历//访问reverse方法
console.log(Array.prototype.reverse)
//修改
Array.prototype.reverse=100;//修改成功
console.log(Array.prototype.reverse)//100
//删除
delete Array.prototype.reverse;//删除成功
console.log(Array.prototype.reverse)//100
//遍历
for(var i in Array.prototype){console.log(Array.prototype[i])
}
//无法遍历

综上,对于对象的属性,我们有三个维度进行控制

分别是:是否可以修改,是否可以删除,遍历对象时是否可以遍历出来

三个维度

var obj = {a:10,b:20,
}
//对象的属性,都是可以修改以及遍历
//如何在这三个维度进行控制?
Object.defineProperty(obj,{a:{wirtable:false,//不可修改enumerable:false,//不可遍历configurable:false,//不可配置}
})
//参数1:对那个对象的属性进行控制
//参数2:控制配置项
console.log(obj.a)
obj.a = 100;//修改失败
console.log(obj.a)//10
for(var key in obj){console.log(key)
}//无法遍历a
delete obj.a//删除失败
console.log(obj.a)//10

如何理解不可配置?

实际开发中,项木内部的对象属性不能被客户修改

以属性b为例,本身不可修改,但是这个控制属性可以修改。

Object.defineProperty(obj,{b:{wirtable:true,//不可修改}
})
obj.b = 100;//修改成功
console.log(obj.b)//100

属性a设置了不可配置,就无法修改控制属性

Object.defineProperty(obj,{a:{wirtable:true//报错}
})

防止对象被篡改

级别1:不允许扩展对象
var obj={a:10,b:20,
}
Object.preventExtensions(obj)
obj.c=30//扩展失败
console.log(obj)//没有属性c
delete obj.b//删除成功
obj.a=40//修改成功
console.log(obj)
 级别2:不允许修改对象的属性
var obj={a:10,b:20,
}
Object.seal(obj)
obj.c=30//扩展失败
console.log(obj)//没有属性c
delete obj.b//删除失败
console.log(obj)
//这是一个较为常用的方法
//seal就是在preventExtensions给每一个属性添加不可配置
//要注意,在seal前要完成对属性的控制
级别3:冻结属性(属性和属性值都不可修改)
var obj={a:10,b:20,
}
Object.freeze(obj)
obj.c=30//扩展失败
delete obj.b//删除失败
obj.a=40//修改失败
console.log(obj)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/758270.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

10:00面试,10:06就出来了,问的问题有点变态。。。

从小厂出来,没想到在另一家公司又寄了。 到这家公司开始上班,加班是每天必不可少的,看在钱给的比较多的份上,就不太计较了。没想到8月一纸通知,所有人不准加班,加班费不仅没有了,薪资还要降40%…

echart trigger 为 axis 的时候不显示 tooltip 解决办法

echart trigger 为 axis 的时候不显示 tooltip 解决办法 在项目 vitetsvue3 中使用 echart 显示了一个曲线图: 但当把图表的 trigger 设置成 axis 的时候,鼠标扫过并不显示具体的数值,如上图所示。 但 trigger item 的时候是正常的。 解决…

【virtio-networking 和 vhost-net 简介】

文章目录 Virtio 基本构建块Virtio spec 和 vhost 协议Vhost-net/virtio-net architectureVirtio-networking and OVS总结参考链接 Virtio 是作为虚拟机 (VM)访问简化device(如块设备和网络适配器)的 标准化开放接口而开发的。Virtio-net是一种虚拟以太…

【Linux】多线程概念 | POSIX线程库

文章目录 一、线程的概念1. 什么是线程Linux下并不存在真正的多线程,而是用进程模拟的!Linux没有真正意义上的线程相关的系统调用!原生线程库pthread 2. 线程和进程的联系和区别3. 线程的优点4. 线程的缺点5. 线程异常6. 线程用途 二、二级页…

PyTorch学习笔记之基础函数篇(七)

文章目录 5. 基本数学运算5.1 torch.add()函数5.2 torch.sub()函数5.3 torch.mul()函数5.4 torch.div() 函数5.5 torch.pow() 函数5.6 torch.sqrt()函数5.7 torch.exp()函数 5. 基本数学运算 5.1 torch.add()函数 torch.add() 是 PyTorch 中的一个函数,用于执行逐…

excel 破解 保护工作簿及保护工作表

excel 破解 保护工作簿及保护工作表 对于这种 保护工作簿及保护工作表 不知道密码时,可以使用以下方法破解 保护工作簿破解 打开受保存的excel 右键点击sheet名称 —> 查看代码 复制以下代码,粘贴到代码区域 Sub 工作簿密码破解() ActiveWorkbook.…

C++ —— 类和对象(终)

目录 1. 日期类的实现 1.1 前置 和 后置 重载 1.2 >> 和 << 的重载 2. const 成员 3. 取地址及const取地址操作符重载 4. 再谈构造函数 4.1 构造函数体赋值 4.2 初始化列表 4.3 隐式类型转换 4.4 explict 关键字 5. static 成员 5.1 概念 5.2 特性 …

conda 的基础操作

Conda 是一个开源的包管理系统和环境管理系统&#xff0c;用于安装多个版本的软件包及其依赖关系&#xff0c;并能够在它们之间轻松切换。以下是一些基本的 Conda 命令&#xff1a; 创建环境 创建一个新的 conda 环境&#xff1a; conda create --name myenv创建一个新的 conda…

【Mybatis面试题】Mybatis如何防止SQL注入?$#的区别是什么

1. 如何防止SQL注入&#xff1f; SQL注入&#xff1a;SQL命令插入到web表单提交或通过页面请求的查询字符串&#xff0c;最终达到欺骗服务器执行恶意的SQL指令。注入攻击的本质是把用户输入的数据当做代码执行。例如&#xff1a; 例如: 表单有两个用户需要填写的表单数据&…

【Web】浅聊Hessian异常toString姿势学习复现

目录 前言 利用关键 调用分析 如何控制第一个字节 EXP 前言 Hessian CVE-2021-43297&#xff0c;本质是字符串和对象拼接导致隐式触发了该对象的 toString 方法&#xff0c;触发toString方法便可生万物&#xff0c;而后打法无穷也&#xff01; 这个CVE针对的是Hessian2I…

Follow-Your-Click——点选图像任意区域对象使用短提示语即可生成视频

简介 “I2V”&#xff08;图像到视频生成&#xff09;旨在将静态图像转换为具有合理动作的动态视频剪辑&#xff0c;在电影制作、增强现实和自动广告等领域有广泛应用。然而&#xff0c;现有的I2V方法存在一些问题&#xff0c;例如缺乏对图像中需要移动的部分的精准控制&#…

机器学习模型—K means

文章目录 机器学习模型—K means聚类的目标k 均值原理k 均值 的实现手动实现Python 实现K 的确定 手肘法总结机器学习模型—K means K-Means 聚类是一种无监督机器学习算法,它将未标记的数据集分为不同的簇。本文旨在探讨 k 均值聚类的基本原理和工作原理以及实现。 无监督机…

【力扣】383.赎金信

题目描述 给你两个字符串&#xff1a;ransomNote 和 magazine &#xff0c;判断 ransomNote 能不能由 magazine 里面的字符构成。 如果可以&#xff0c;返回 true &#xff1b;否则返回 false 。 magazine 中的每个字符只能在 ransomNote 中使用一次。 示例 1&#xff1a; …

快速幂简介

0. 介绍 传统算 a b a^b ab需要 b − 1 b-1 b−1次&#xff0c;快速幂将 b b b分解成 2 2 2进制的形式简化为 l o g 2 ( b ) log_2(b) log2​(b)次 1. 实现 将 b b b化为2进制位的形式。 b ∑ i 0 n c i 2 i , c i ∈ { 0 , 1 } b\sum_{i0}^{n}c_i \times2^i, c_i \in \…

Chain of Verification-CoVe减少LLM中的幻觉现象

Chain-Of-Verification Reduces Hallucination In Large Language Models 在大型语言模型中&#xff0c;产生看似合理但实际上错误的事实信息&#xff0c;即幻觉&#xff0c;是一个未解决的问题。我们研究了语言模型在给出回答时进行深思以纠正错误的能力。我们开发了Chain-of…

深度解析 Android 系统属性

目录 Android系统属性 1.属性在哪里&#xff1f; 2.属性长什么样&#xff1f; 3.如何读写属性&#xff1a; 4.属性的作用 属性文件生成过程 如何添加系统属性 1.添加系统属性到 /system/build.prop 2.添加系统属性到 /vendor/build.prop 3.添加系统属性到 /product/b…

未来教育趋势:AI个性化培训如何推动企业与员工共赢

AI定制学习&#xff1a;重新定义个性化员工培训的未来 随着人工智能&#xff08;AI&#xff09;技术的迅猛发展&#xff0c;我们正目睹并亲历了AI在培训领域所引发的根本性变革。AI技术的整合不仅革新了知识传递的模式&#xff0c;而且重新塑造了个性化学习的内涵。依托于尖端算…

《深入Linux内核架构》第2章 进程管理和调度 (4)

目录 2.6 CFS调度类 2.6.1 数据结构 2.6.2 CFS操作 2.6.3 队列操作 2.6.4 选择下一个进程 2.6.5 处理周期性调度器 2.6.6 唤醒抢占 2.6 CFS调度类 即完全公平调度类&#xff0c;用于调度普通进程。 2.6.1 数据结构 struct sched_class fair_sched_class {.next &am…

Restormer: Efficient Transformer for High-Resolution Image Restoration

Abstract 由于卷积神经网络&#xff08;CNN&#xff09;在从大规模数据中学习可概括的图像先验方面表现良好&#xff0c;因此这些模型已广泛应用于图像恢复和相关任务。最近&#xff0c;另一类神经架构 Transformer 在自然语言和高级视觉任务上表现出了显着的性能提升。虽然 T…

【安全类书籍-2】Web渗透测试:使用Kali Linux

目录 内容简介 作用 下载地址 内容简介 书籍的主要内容是指导读者如何运用Kali Linux这一专业的渗透测试平台对Web应用程序进行全面的安全测试。作者们从攻击者的视角出发,详细阐述了渗透测试的基本概念和技术,以及如何配置Kali Linux以适应渗透测试需求。书中不仅教授读者…