javascript学习总结（三）：如何较好的使用js。

【javascript学习总结（三）：如何较好的使用js。】的更多相关文章

JavaScript学习记录三

title: JavaScript学习记录三 toc: true date: 2018-09-14 23:51:22 --<JavaScript高级程序设计(第2版)>学习笔记要多查阅MDN Web 文档面向对象的程序设计创建对象工厂模式工厂模式是软件工程领域广为人知的一种设计模式,这种模式抽象了创建具体对象的过程. 用函数来封装以特定接口创建对象的细节: function createPerson(name, age, job) { var o = new Object; o.na…

JavaScript学习第三天

今天学习第三天. 凡事都是需要坚持的,坚持下去. 学习内容: 1.document.getElementById(""),document.getElementByTagName("")两则之间的区别要明确.后者获得的是多个元素,是很多个元素的集合. 2.for循环,要重复执行一段代码,可以使用循环.这一块个性能问题. 3.this 是指的调用当前的方法(函数)的那个对象,谁让这个函数执行,那么这个this指的就是谁. <scrtipt> functio…

Javascript学习笔记三——操作DOM（二）

Javascript学习笔记在我的上一个博客讲了对于DOM的基本操作内容,这篇继续巩固一下对于DOM的更新,插入和删除的操作. 对于HTML解析的DOM树来说,我们肯定会时不时对其进行一些更改,在原有的内容上进行增添,修改,删除,为了方便操作,Javascript中有些非常实用的属性: 一.innerHTML 二.innerText 三.textContent 等等..我们接下来要操作的就是以上几种属性. 对于<p id = 'test'>Hello!</p> 因为在HTML的…

JavaScript学习笔记(三)——this、原型、javascript面向对象

一.this 在JavaScript中this表示:谁调用它,this就是谁. JavaScript是由对象组成的,一切皆为对象,万物皆为对象.this是一个动态的对象,根据调用的对象不同而发生变化,当然也可以使用call.apply修改this指向的对象.它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用 1.1.JavaScript中函数与方法的区分在面向过程的语言中我们习惯把完成某个特定功能的代码块称为“函数”或“过程”,当然过程一般没有返回值.在面向对象语言中我们把对象的功能…

JavaScript学习总结(三)——this、原型、javascript面向对象

一.this 在JavaScript中this表示:谁调用它,this就是谁. JavaScript是由对象组成的,一切皆为对象,万物皆为对象.this是一个动态的对象,根据调用的对象不同而发生变化,当然也可以使用call.apply修改this指向的对象.它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用 1.1.JavaScript中函数与方法的区分在面向过程的语言中我们习惯把完成某个特定功能的代码块称为“函数”或“过程”,当然过程一般没有返回值.在面向对象语言中我们把对象的功能…

javascript学习（三）内置对象

一:事件(Event)对象在触发dom事件的时候都会产生一个event对象 type 获取事件类型 target 获取事件目标 stopPropagation() 阻止事件冒泡 preventDefault() 阻止事件默认行为 eg: 二:string对象 lenget 长度 indexof() 位置 march() 内容匹配 replace() 替换 toUpperCase 大小写转换 split() 字符串变为数…

JavaScript学习总结(三)——闭包、IIFE、原型、函数与对象

一.闭包(Closure) 1.1.闭包相关的问题请在页面中放10个div,每个div中放入字母a-j,当点击每一个div时显示索引号,如第1个div显示0,第10个显示9:方法:找到所有的div,for循环绑定事件. 示例代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>闭包</title> <style type="…

Javascript学习总结三(Array对象的用法)

javascript Array对象的常用API 1:concat concat() 方法用于连接两个或多个数组.该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本.举例:var a1 = ['aa','bb'];var a2 = ['cc','dd'];var a3 = a2.concat(a1); 2:every every() 方法用于检测数组所有元素是否都符合指定条件(通过函数提供).every() 方法使用指定函数检测数组中的所有元素:如果数组中检测到有一个元素不满足,则整个表…

JavaScript学习笔记(三十八) 复制属性继承

复制属性继承(Inheritance by Copying Properties) 让我们看一下另一个继承模式—复制属性继承(inheritance by copying properties).在这个模式中,一个对象从另一个对象获取功能,简单的通过复制它. 下面是函数extend()简单实现的一个例子: function extend(parent, child) { var i; child = child || {}; for (i in parent) { if (parent.hasO…

JavaScript学习总结(三)——逻辑And运算符详解

在JavaScript中,逻辑 AND 运算符用双和号(&&)表示 1 var bTrue = true; 2 var bFalse = false; 3 var bResult = bTrue && bFalse; 下面的真值表描述了逻辑AND运算符的行为: 运算数 1 运算数 2 结果 true true true true false false false true false false false false 需要说明的是:逻辑AND运算的运算数可以是任何类型的…