<script> function p(){ var len=arguments.length; for(var i=0;i<len;i++){ document.write(arguments[i]+"<br/>"); } } function Myclass(x,y){ this.x=x; this.y=y; this.show=function(){ return this.x+this.y; } } var m1=new Myclass(1,2); var m2=new Myclass(3,4); p(m1.show(),m2.show()); </script>
存在的问题
1.由于所有的实例都是复制了同一个方法所定义的实体,所以效率(内存效率与执行效率低下),可通过原型继承解决
2.无法对属性值进行访问控制(private ,Public)可通过闭包解决
属性访问的运算对象不是变量而是对象的引用
仅读取数值的整数部分的处理
Math[this
关联数组
在js中必须通过对象才能实现关联数组
基本操作 通过键取值,元素的设定,元素的删除
<script> var map={x:3,y:4}; p(map.x); delete map.x; //true p(map.x); //undefined 对不存在的元素进行访问结果是undefined ,由于可以显示地将值设置为undefined ,因此无法通过将值与undefined比较来判断值是否存在 ,可以通过for in进行枚举 a='undefined'; p(a);//undefined p(typeof map.x==a); //true </script>
作为关联数组应该注意的点
<script> function Myclass(x,y){ this.x=x; this.y=y; } Myclass.prototype.z=5; var obj=new Myclass(1,2); for(var key in obj){ p(key+":"+obj[key]); //会枚举出通过原型继承来的属性 } //x:1 y:2 z:5 delete obj.x;//true p(obj.x); //undefined p(obj.z); //5 //通过原型继承来的属性 无法被delete删除 delete obj.z; //true p(obj.z);//5 //在将对象作为关联数组使用时,通常都会使用字面量来创建,即使视图通过使用空的对象字面量来创建一个没有元素的关联数组,也仍会从Object类中继承原型的属性 p('toString' in obj); //true var obj1={}; p('toString' in obj1);//true //通过 for in枚举 p(obj1.length); //undefined for(var k in obj1){ p(obj1[k]); } //没有元素 被枚举出来 这是由于enumerable属性的缘故 //通过hasOwnProperty来判断 是本身的属性还是通过 参与原型继承而来的属性 var map={}; p(map.hasOwnProperty('toString')); //false map['toString']=1; p(map.hasOwnProperty('toString')); //true delete map['toString'] ; p(map.hasOwnProperty('toString'));//false </script>
属性的属性
对象的属性 也是有些属性的
如下表总结了在ECMAScript第五版定义了的属性 ,属性值被定为为值属性
表格1
属性的属性名 |
含义 |
writable |
可以改写属性的值 |
enumerable |
可以通过for in枚举出 |
configurable |
可以改变属性的属性,可以删除属性 |
get |
可以指定属性值的getter函数 |
set |
可以指定属性值的setter函数 |
不可变对象
即生成之后状态不能再被改变的对象,字符串对象就是典型的不可变对象
灵活运用不可变对象可以提高程序的健壮性,比如在将传递给方法参数时,存在方法对对象内容的改写等
js中可通过以下方式实现不可变对象
1.将属性(状态隐藏藏) ,不提供变更操作(闭包实现)
2.灵活运用ECMAScript第五版提供的函数
3.灵活运用writable,configurable属性以及setter和getter
ECMAScript第五版中用于支持对象不可变的函数 见下表格
方法名 |
属性新增 |
属性删除 |
属性值变更 |
确认方法 |
preventExtensions |
x |
o |
o |
Object.isExtensible |
seal |
x |
x |
o |
Object.isSealed |
freeze |
x |
x |
x |
Object.isFrozen |
Object.preventExtensions例子
<script> var obj={x:2,y:3}; Object.preventExtensions(obj); //无法新增属性 obj.z=4; p(Object.keys(obj));//x,y //可以删除属性 delete obj.y; p(Object.keys(obj)); //x //可以更改属性值 obj.x=20; p(obj.x); //20 //Object.seal例子 将属性的configurable设置为假 var obj={x:2,y:3}; Object.seal(obj); //无法新增 也无法删除 obj.z=3; p(Object.keys(obj)); //x,y delete obj.x; //false p(Object.keys(obj));//x,y //可以改变 属性值 obj.x=20; p(obj.x);//20 //Object.freeze例子 将属性的writable设置为假 var obj={x:2,y:3}; Object.freeze(obj); //无法新增 也无法删除,也无法改变属性值 obj.z=3; p(Object.keys(obj)); //x,y delete obj.x; p(Object.keys(obj));//x,y //可以改变 属性值 obj.x=20; p(obj.x);//20 </script>
需要注意
1.对于以上三种方法一旦更改就无法还原
2.如果想让原型继承中的被继承的方法也不可改变,需要对其进行显示操作

JavaScript在现实世界中的应用包括前端和后端开发。1)通过构建TODO列表应用展示前端应用,涉及DOM操作和事件处理。2)通过Node.js和Express构建RESTfulAPI展示后端应用。

JavaScript在Web开发中的主要用途包括客户端交互、表单验证和异步通信。1)通过DOM操作实现动态内容更新和用户交互;2)在用户提交数据前进行客户端验证,提高用户体验;3)通过AJAX技术实现与服务器的无刷新通信。

理解JavaScript引擎内部工作原理对开发者重要,因为它能帮助编写更高效的代码并理解性能瓶颈和优化策略。1)引擎的工作流程包括解析、编译和执行三个阶段;2)执行过程中,引擎会进行动态优化,如内联缓存和隐藏类;3)最佳实践包括避免全局变量、优化循环、使用const和let,以及避免过度使用闭包。

Python更适合初学者,学习曲线平缓,语法简洁;JavaScript适合前端开发,学习曲线较陡,语法灵活。1.Python语法直观,适用于数据科学和后端开发。2.JavaScript灵活,广泛用于前端和服务器端编程。

Python和JavaScript在社区、库和资源方面的对比各有优劣。1)Python社区友好,适合初学者,但前端开发资源不如JavaScript丰富。2)Python在数据科学和机器学习库方面强大,JavaScript则在前端开发库和框架上更胜一筹。3)两者的学习资源都丰富,但Python适合从官方文档开始,JavaScript则以MDNWebDocs为佳。选择应基于项目需求和个人兴趣。

从C/C 转向JavaScript需要适应动态类型、垃圾回收和异步编程等特点。1)C/C 是静态类型语言,需手动管理内存,而JavaScript是动态类型,垃圾回收自动处理。2)C/C 需编译成机器码,JavaScript则为解释型语言。3)JavaScript引入闭包、原型链和Promise等概念,增强了灵活性和异步编程能力。

不同JavaScript引擎在解析和执行JavaScript代码时,效果会有所不同,因为每个引擎的实现原理和优化策略各有差异。1.词法分析:将源码转换为词法单元。2.语法分析:生成抽象语法树。3.优化和编译:通过JIT编译器生成机器码。4.执行:运行机器码。V8引擎通过即时编译和隐藏类优化,SpiderMonkey使用类型推断系统,导致在相同代码上的性能表现不同。

JavaScript在现实世界中的应用包括服务器端编程、移动应用开发和物联网控制:1.通过Node.js实现服务器端编程,适用于高并发请求处理。2.通过ReactNative进行移动应用开发,支持跨平台部署。3.通过Johnny-Five库用于物联网设备控制,适用于硬件交互。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

PhpStorm Mac 版本
最新(2018.2.1 )专业的PHP集成开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。

EditPlus 中文破解版
体积小,语法高亮,不支持代码提示功能

DVWA
Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中