javascript基础拾遗(四)

1.什么是闭包正常函数,执行完毕后相关的参数,变量就释放掉了. 当一个函数的返回值是另一个函数时,该函数的相关参数和变量都会保存在返回的函数中,这种结构叫做闭包. 2.示例计算数组和 function sum(arr) { return arr.reduce(function (x,y) { return x+y }) } result = sum([1,3,5]) console.log(result) 运行结果:9 如果我们不想立即求和,在后面才执行,该怎么做? function laz…

javascript基础拾遗(十一)

1.DOM操作 1)查找 //根据id查找 document.getElementById() //根据html标签查找 documnet.getElementByTagName() //根据样式class查找 document.getElementsByClassName() 2)更新 DOM元素的innerHTML,innerText,textContent属性 var p = document.getElementById("p-id") p.innerHTML = 'ABC'…

前端开发之JavaScript基础篇四

主要内容: 1.定时器 2.正则表达式入门 3.元字符 4.正则表达式实战运用一.定时器 javaScript里主要使用两种定时器,分别是:setInterval()和setTimeout(). 1.第一种 --- setInterval() (1)含义: setInterval() 启动后不停地调用. (2)实例: var n = 0; var time = setInterval(function(){ n ++; document.write(n); },1000); // 1000单位…

JavaScript 基础第四天

一.前言昨天我们了解了Js的很重要的一个概念叫做函数,函数就是对于冗余和垃圾代码的一种封装机制.简单的讲就是为了能让程序更好更快的执行我们将一些重复性的代码提取,封装成一个有名字的小盒子,等到我们需要的时候我们可以直接将盒子拿出来使用. 二.引入无论是在前端还是后台语言中函数都是一个个成功程序的最小封装模块,就像搭积木一样你需要不同的种的模块来组成一个成品.那么对于函数来说每一个就应该有它自己的特性以. 三.重点内容㈠函数的四种形式 ① 有参数,无返回值(一般没有返回值的时候默认的返回…

javascript基础（四）语句

原文http://pij.robinqu.me/ for/in语句也使用for关键字,但它是和常规的for循环完全不同的一类循环.语法: for (variable in object) statement variable通常是一个变量的名,也可以使一个可以产生左值的表达式或一个通过var语句声明的变量,object是一个表达式,这个表达式计算的结果是一个对象.for/in 循环用来方便的遍历对象属性成员: for(var p in o ) { console.log(o[p]); } for…

JavaScript基础学习(四)—Object

一.Object的基本操作 1.对象的创建在JavaScript中,创建对象的方式有两种:构造函数和对象字面量. (1)构造函数 var person = new Object(); person.name = "Tom"; person.age = 22; person.say = function(){ alert("Hello"); } (2)对象字面量 var person = { name : "Tom&quo…

JavaScript基础（四）

十六.client.offset.scroll系列 1.client系列代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box{ width: 200px; height: 200px; position: absolute; bo…

javascript基础拾遗(十三)

1.jQuery的特点 jQuery是目前非常流行的javascript库,理念是"Write Less,Do More" 1)消除浏览器差异 2)简洁的操作DOM方法 3)轻松实现动画,修改CSS等各种操作 2.$符号 $是著名的jQuery符号,jQuery把所有功能都封装在一个全局函数jQuery中,$是全局函数jQuery的别名. window.jQuery; // jQuery(selector, context) window.$; // jQuery(selector,…

javascript基础拾遗(十二)

1.javascript的单线程特性在javascript中,所有的代码都是单线程的因此所有的网络操作,浏览器事件,都必须是异步执行的,异步执行的逻辑是回调. function callback() { console.log('hello') } console.log('begin') setTimeout(callback, 1000) console.log('end') 运行结果: begin end hello 2.Promise对象像上列,和ajax等,承诺会在将来执行的对象…

javascript基础拾遗(十)

1.支持ES6标准的浏览器 IE10+ Chrome Safari Firefox 移动端浏览器统一都支持需要注意的是,不同浏览器对各个特性的支持也不一样 2.window对象当前浏览器窗口对象 innerWidth,innerHeight可用于网页显示的净宽高 outerWidth,outerHeight整个浏览器的宽高 console.log(window.innerWidth) console.log(window.innerHeight) console.log(window.out…

javascript基础拾遗(七)

1.对象的继承__proto__ var Language = { name: 'program', score: 8.0, popular: function () { return this.score/10*100 + '%'; } } var Python = { name: 'python', score: 9.0 } Python.__proto__ = Language console.log(Python.popular()) 运行结果: 90% __proto__属性将Pyth…

javascript基础拾遗(六)

1.Date内置对象获取系统时间 var now = new Date() console.log(now) console.log(now.getDate()) console.log(now.getDay()) console.log(now.getMilliseconds()) 2.构造Date对象 var now = new Date(2017, 12, 6) console.log(now) console.log(now.getDate()) console.log(now.get…

javascript基础拾遗(五)

1.什么是箭头函数 ES6引入的一种新的函数,类似匿名函数,x=>xx 箭头左端为函数参数,右端为函数体相当于 function (x){ retutn xx } 2.箭头函数的特点更简洁 3.箭头函数和匿名函数的区别箭头函数和匿名函数的区别在于this关键字的使用在前面的总结中,知道对象的方法中定义的内部方法是无法使用this关键字的箭头函数修复了这个缺陷,内部方法也可以使用this关键字,指向当前对象. 4.什么是生成器 javascript的生成器和python的生成器雷同,遇y…

javascript基础拾遗(二)

1.对象定义定义属性 var language = { name:'javascript', score:9.0 }; console.log(language.name) console.log(language.score) 定义方法 var language = { name:'javascript', score:9.0, percent: function () { var result = this.score/10*100 + '%'; return result; } }; c…

javascript基础拾遗(一)

1.判断变量类型 var num = '123'; if(typeof num == 'number'){ alert('this is a number'); } else{ throw 'this is not a number'; } 2.arguments关键字只在函数内部起作用,函数所有入参 function foo(x) { console.log('x is :' + x); for(var i=0;i<arguments.length;i++){ console.log('ar…

回归JavaScript基础（四）

主题:JavaScript变量.作用域和内存问题 JavaScript的变量和别的语言比起来是与众不同的.说道变量,不得不谈他的作用域.同很多语言一样,JavaScript开发者也不用担心开发中内存的占用.JavaScript具有自动的垃圾处理机制,去处理内存占用问题.同样,下面我对本章的一些注意点进行了总结. ①JavaScript变量包含两种不同类型的值:基本类型值(Undefined.Null.Boolean.Number.String)和引用类型(Object...) ②引用类型的值是存…

javascript基础拾遗(九)

1.class关键字 ES6引入了新的class关键字编写对象 function Language(name){ this.name = name this.score = 8.0 } Language.prototype.popular = function () { return this.score/10*100 + '%' } class Language{ constructor(name){ this.name = name this.score = 8.0 } hello() {…

javascript基础拾遗(八)

1.原型继承如何让一个对象继承另一个对象? function Language(name){ this.name = name this.score = 8.0 } Language.prototype.popular = function () { return this.score/10*100 + '%' } function FastLanguage() { this.speed = '0.01' } FastLanguage是Language的子类,如何让FastLanguage拥有…

javascript基础拾遗(三)

1.map数组映射操作 function add(x) { return x+1 } var nums = [1,3,5,7,9] result = nums.map(add) console.log(result) 运行结果:[2,4,6,8,10] 数组.map(元素操作函数),返回新的数组 2.reduce数组两个元素操作,操作结果作为新的元素和下一个元素进行同样的操作 function sum(x,y) { return x+y } var nums = [1,3,5,7,9] resu…