var方法

JS对象

☆樱花仙子☆ 提交于 2019-12-01 13:02:47
对象 为什么要有对象 function printPerson(name, age, sex....) { } // 函数的参数如果特别多的话,可以使用对象简化 function printPerson(person) { console.log(person.name); …… } 什么是对象 现实生活中:万物皆对象,对象是一个具体的事物,一个具体的事物就会有行为和特征。 举例: 一部车,一个手机 车是一类事物,门口停的那辆车才是对象 特征:红色、四个轮子 行为:驾驶、刹车 JavaScript中的对象 JavaScript中的对象其实就是生活中对象的一个抽象 JavaScript的对象是无序属性的集合。 其属性可以包含基本值、对象或函数。对象就是一组没有顺序的值。我们可以把JavaScript中的对象想象成键值对,其中值可以是数据和函数。 对象的行为和特征 特征---属性 行为---方法 事物的特征在对象中用属性来表示。 事物的行为在对象中用方法来表示。 对象字面量 字面量:11 'abc' true [] {}等 var o = { name: 'zs, age: 18, sex: true, sayHi: function () { console.log(this.name); } }; 思考: 如何把学生对象、老师对象、英雄对象改写成字面量的方式 对象创建方式

js获取日历的方法

心不动则不痛 提交于 2019-12-01 12:48:18
js/vue/angular获取日历的方法 getDates(d, t = 0) { var curDate = new Date(d.replace(/-/g, '/')) var curMonth = curDate.getMonth() curDate.setMonth(curMonth + t + 1) curDate.setDate(0) var curDates = new Array(curDate.getDate()).fill(0).map((item, key) => { return key + 1 }) return curDates } getWeek(d) { var curDate = new Date(d.replace(/-/g, '/')) curDate.setDate(1) return curDate.getDay() } getFullChunkDates(d) { var curDates: any = this.getDates(d) var preDates: any = this.getDates(d, -1) var nexDates: any = this.getDates(d, 1) var curWeek: any = this.getWeek(d) curDates = curDates.map((i, k) => {

深拷贝&浅拷贝

泄露秘密 提交于 2019-12-01 12:42:42
js对象深拷贝的方法: js对象深拷贝的方法1js对象深拷贝的方法2js对象深拷贝的方法3js对象深拷贝的方法4js对象深拷贝的方法5js对象深拷贝的方法6js对象深拷贝的方法7 分步阅读 js中,数组和对象的拷贝(复制)如果使用=号来进行复制,那只是浅拷贝。 第一步:js深拷贝和浅拷贝的概念和区别。 1.浅拷贝 拷贝就是把父对像的属性,全部拷贝给子对象。此时子对象拷贝的是父对象的地址,子父对象相互影响。 2.深拷贝 就是把父对象的属性中的值拷贝给子对象此时不论父对象如何改变都不会再影响到子对象。 第二步:测试浅拷贝。我们借助于谷歌浏览器控制台实现浅拷贝的测试, 首先声明对象:var father={familyName:"张"}; var son={}; 拷贝son=father此时打印,son和father的familyName都是张 将father的familyName改为“李”,则son的familyName也变为了“李”。 这就是浅拷贝,拷贝的是存储变量的地址会互相影响。 js对象深拷贝的方法 js对象深拷贝的方法 第三步:浅拷贝的实现 第一种:借助于js的JSON对象的两个函数 JSON.stringify(father)将一个json对象转为json字符串 JSON.parse(str)将一个json字符串转为json对象 它的实现原理是现将对象转为一个基本数据类型

第二阶段:Html基础 day51 前端--Html基础之javaScript

痞子三分冷 提交于 2019-12-01 12:42:19
目录 一、特点 二、JavaScript引入方式 2.1 Script标签内写法 2.2 引入新的JS文件 三、JS语言规范 3.1 注释 3.2 结束符 3.3 变量名 3.4 注意 四、JavaScript数据类型 4.1 动态类型 4.2 数值 4.3 字符串 4.4 布尔值 4.5 对象 4.6 类型查询 五、运算符 5.1 算数运算符 5.2 比较运算符 5.3 逻辑运算符 5.4 赋值运算符 六、流程控制 6.1 if else 6.2 switch 6.3 for 6.5 while 6.6 三元运算 七、函数 7.1 函数定义 7.2 全局变量Vs局部变量 八、内置方法 8.1 自定义对象 8.2 创建对象 8.3 Data对象 8.4 json对象 8.5 RegExp 前端之javaScript 一、特点 JavaScript是一种脚本语言 是一种轻量级的编程语言 是可插入 HTML 页面的编程代码 插入 HTML 页面后,可由所有的现代浏览器执行 二、JavaScript引入方式 2.1 Script标签内写法 <script>// 代码 </script> 2.2 引入新的JS文件 <script src="myscript.js"></script> 三、JS语言规范 3.1 注释 // ——>单行注释 /* */ ——>多行注释 3.2 结束符

JavaScript--Array数组jion方法使用

孤者浪人 提交于 2019-12-01 11:46:08
join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的 1)语法 arrayObject.join( separator ) 2)separator 可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符 3)返回值 返回一个字符串。该字符串是通过把 arrayObject 的每个元素转换为字符串,然后把这些字符串连接起来,在两个元素之间插入 separator 字符串而生成的 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> var strArr = []; strArr.push('China!'); strArr.push('HelloWorld'); console.log(strArr.join('')); //China!HelloWorld var arrObj = []; for(var i = 1; i <= 2; i++) { var obj = new Object(); obj.userName = 'Lucy' + i; arrObj.push(obj); } console.log(arrObj.join()) //[object

前端之Javascript

江枫思渺然 提交于 2019-12-01 11:29:35
前端之JavaScript JavaScript引入方式 Script标签内写代码 <script>// 在这里写代码//</script> 引入额外的JS文件 <script> src="myscript.js"</script> JavaScript语言规范 注释 // 这是单行注释 /* 这是 多行注释 */ 结束符 JavaScript中的语句要以分号(;)为结束符 JavaScript语言基础 变量声明 JavaScript的变量名可以使用_,数字, 字母,$组成, 但是不能以数字开头. 声明变量使用 var变量名 ;的格式来进行声明 var name = 'Kang'; var age = 18 注意: 变量名是区分大小写的. 推荐使用驼峰式命名规则. 保留字不能用作变量名 也可以使用let命令来声明变量,但是声明的变量只在let命令所在的代码块内有效. for循环的计数器就很适合let命令. for (let i=0;i<arr.length;i++){...} 也可以使用const来声明常量, 一旦声明, 其值就不能改变. const PI = 3.1415; PI // 3.1415 PI = 3 //TypeError: "PI" is read-only JavaScript数据类型 JavaScript拥有动态类型 var x; /

前端基础之BOM和DOM

不打扰是莪最后的温柔 提交于 2019-12-01 10:27:38
前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法,并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript,DOM,BOM。 BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”。 DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素。 Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.document.write()可以简写成:document.write()。 window对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 **如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。* **没有应用于 window 对象的公开标准,不过所有浏览器都支持该对象。* 所有 JavaScript 全局对象、函数以及变量均自动成为 window

前端——JavaScript

橙三吉。 提交于 2019-12-01 10:22:54
JavaScript JavaScript引入方式 Script标签内写代码 <script> // 在这里写JS代码 </script> 引入额外的JS文件 <script src="myscript.js"></script> JavaScript语言规范 注释(注释是代码之母) // 这是单行注释 /* 这是多行注释 */ 结束符 JavaScript中的语句要以分号(;)为结束符。 JavaScript语言基础 变量声明 JavaScript的变量名可以使用_,数字,字母,$组成,不能以数字开头。 声明变量使用 var 变量名; 的格式来进行声明 vvar name = "yjy"; var age = 18; 3.注意 变量名是区分大小写的。 推荐使用驼峰式命名规则。 保留字不能用做变量名。 JavaScript数据类型 JavaScript拥有动态类型 var x; // 此时x是undefined var x = 1; // 此时x是数字 var x = "yjy" // 此时x是字符串 数值(Number) JavaScript不区分整型和浮点型,就只有一种数字类型。 var a = 12.34; var b = 20; var c = 123e5; // 12300000 var d = 123e-5; // 0.00123 还有一种NaN,表示不是一个数字

前端基础之BOM和DOM

社会主义新天地 提交于 2019-12-01 10:21:09
前端基础之BOM和DOM 前戏 到目前为止,我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法,并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript,DOM,BOM。 BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”。 DOM (Document Object Model)是指文档对象模型,通过它,可以访问HTML文档的所有元素。 Window对象是客户端JavaScript最高层对象之一,由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.document.write()可以简写成:document.write()。 window对象 所有浏览器都支持 window 对象。它表示浏览器窗口。 *如果文档包含框架(frame 或 iframe 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。 *没有应用于 window 对象的公开标准,不过所有浏览器都支持该对象。 所有 JavaScript 全局对象、函数以及变量均自动成为

前端之JavaScript

大兔子大兔子 提交于 2019-12-01 10:19:06
目录 前端之JavaScript JavaScript概述 ECMAScript的历史 JavaScript引入方式 Script标签内写代码 引入额外的JS文件 JavaScript语言规范 注释(注释是代码之母) 结束符 JavaScript语言基础 变量声明 JavaScript数据类型 数值(Number) 字符串(String) slice和substring的区别 布尔值(Boolean) null和undefined 对象(Object) 数组 类型查询 运算符 算数运算符 比较运算符 逻辑运算符 赋值运算符 流程控制 if-else switch for while 三元运算 函数 函数定义 函数中的arguments参数 函数的全局变量和局部变量 内置对象和方法 自定义对象 Date对象 JSON对象 RegExp对象 Math对象 前端之JavaScript JavaScript概述 ECMAScript的历史 年份 名称 描述 1997 ECMAScript 1 第一个版本 1998 ECMAScript 2 版本变更 1999 ECMAScript 3 添加正则表达式添加try/catch ECMAScript 4 没有发布 2009 ECMAScript 5 添加"strict mode"严格模式添加JSON支持 2011 ECMAScript 5.1