2016.9.14 JavaScript入门之七面向对象和函数

1.JavaScript中的变量,可以是对象,具有相应的属性:

2.我们也能够使用构造函数创建对象。构造函数的函数给出了一个大写的名称,以使它清楚地表明它是一个构造函数

在构造函数中,这个变量是指由构造函数创建的新对象。所以当我们表示为:
this.wheels = 4;

3.在JavaScript中,同样可以使用new关键字,来创建一个新的实例对象,新创建的实例对象,可以增加删除修改属性值:

4.我们可以向我们的构造函数添加参数,这样避免重复创建同一类对象函数,当有参数参与进来时,this.wheels=参数:wheels;其他属性也是这样:

5.对象有自己的属性,以及它们自己的函数,称为方法;

this这个关键字,用来引用当前对象的公共属性和公共方法,我们还可以创建私有属性和私有方法,这些方法是不可从对象的外部访问的。

要创建私有属性和方法,我们使用我们熟悉的变量在构造函数里面创建变量,而不是创建它作为一个属性,也就是在函数体中创建一个变量:var speed=10。

6.数组的map方法是一个方便的方法去遍历数组:map方法将遍历数组中的每一个元素,并创造一个已经由回调函数修正值的新的数组,并返回它。请注意,它不修改原始数组。

7.数组的reduce方法:array_reduce() 函数用回调函数迭代地将数组简化为单一的值。如果指定第三个参数,则该参数将被当成是数组中的第一个值来处理,或者如果数组为空的话就作为最终返回值。

8.数组的一个方法:array.filter();这个函数用来实现,遍历数组,并且按照回调函数的条件进行过滤,返回true值,过滤false值:

例如:

9.数组方法:array.sort():这个方法,可以实现遍历数组,同时按照字母顺序或者数值大小的顺序排列数组中的元素,返回排列顺序之后的数组。

array.sort()方法,不像之前的array方法,它是改变了数组中的值,使用一个比较函数作为一个回调函数;如果返回一个负数,则a在b之前;如果返回一个正数,则a在b之后;

10.数组的方法:array.reverse():反向取值,遍历数组,然后把数组中的元素的顺序颠倒:

11.数组的方法:array.concat():用来连接两个数字间的元素,concat可以合并两个数组的内容到一个;

12.数组的方法:array.split():这个方法可以将字符串分割成一个数组,利用参数来传递分隔符,确定字符串应该在哪里分裂;

分割符是空格:

13.数组的方法:array.join():这个方法可以在字符串数组中加入分隔符,和上一个方法正好相反:

加入空格作为字符串数组的分隔符:

时间: 2024-10-13 16:19:31

2016.9.14 JavaScript入门之七面向对象和函数的相关文章

JavaScript入门:006—JS函数的定义

JS函数的声明.声明函数的格式如下: function 函数名(参数列表){ //函数语句: return 返回值; } 来看具体的函数声明.1.普通函数 <script type="text/javascript"> function ShowHint() { alert("普通函数"); } </script> 2.带参数的函数 <script type="text/javascript"> functio

2016.8.22 JavaScript入门之三

1.对一个数组的末尾追加数据的一种简便方法是通过push()功能. 例如: var myArray = [["John", 23], ["cat", 2]];myArray.push(["dog",3]); 2.移除一个数组中最后一个数据,可以用pop()函数,它可以移除数组中任何一种类型的数据: 例如: var myArray = [["John", 23], ["cat", 2]]; var remov

2016.8.25 JavaScript入门之二

1.字符串中,引用字符串:要用/"转换: 例如:var myStr="I am a \"double quoted\" string inside \"double quotes\"."; 输出是:I am a "double quoted" string inside "double quotes". 2.字符串处理方法二:单引号中,嵌套双引号: 例如:var myStr = '<a hr

2016.8.21 JavaScript 入门

1.JavaScript的数据类型: ①undefined ②null ③boolean ④string ⑤symbol ⑥number,    object 2.在JavaScript中所有的变量和函数名是大小写敏感的; 所以,一般变量名的规范是:在使用CamelCase写变量名.在camelCase,多字的变量名称的第一个字,在小写,后续的每一个单词的第一个字母是大写的. 3.在javaScript中,用%计算,表示余数: 例如:5%2=1:8%3=2:17%2=1: 4.使得变量var ,

2016.9.13 JavaScript入门之六基础函数

1.Math.random()函数: 2.math.floor(x)返回小于参数x的最大整数,即对浮点数向下取整. 例如:random本身只产生(0~1)之间的小数,random()*10 意思是产生0~10之间的小数 3.Regular expressions正则表达式:正则表达式是用来在字符串中找到某些单词或模式的. 例如:如果我们想在字符串中找到:狗追猫,这个字符串,我们可以使用以下的正则表达式:/ the/gi 正则表达式的使用方法: /是正则表达式的开始.the我们要匹配的模式./正则

2016.9.1 JavaScript入门之五

1.数据类型:对象:也可以被认为是一个键/值存储,像一个字典.可以取代switch{case:case:}或者if else 例如: function phoneticLookup(val) { var result = ""; var lookup = { alpha: "Adams", bravo: "Boston", charlie: "Chicago", delta: "Denver", echo:

JavaScript入门学习之二——函数

在前一章中讲了JavaScript的入门语法,在这一章要看看函数的使用. 函数的定义 JavaScript中的函数和Python中的非常类似,只不过定义的方式有些不同,下面看看是怎么定义的 //定义普通函数 function f1(){ console.log('hello world!') } //定义带参数的函数 function f2(a,b){ console.log(a) console.log(b) } //定义带返回值的函数 function f3(a,b){ return a+b

如何理解并学习javascript中的面向对象(OOP) [转]

如果你想让你的javascript代码变得更加优美,性能更加卓越.或者,你想像jQuery的作者一样,写出属于自己优秀的类库(哪怕是基于 jquery的插件).那么,你请务必要学习javascript面向对象,否则你无法更灵活的使用javascript这门语言. 什么事闭包?到底什么是原型?(知道闭包和原型的,就算得上是javascript的高手了.但真正能够理解,并且灵活运用的人并不多)到底该如何学习javascript中的面向对象呢?在javascript这么语言正如日中天,相信不少人正在为

&lt;javascript入门&gt;基本语法

<javascript入门>基本语法一.什么是javascript?javascript语言有什么特点?脚本语言的特点?    1.如果说css是给html页面进行化妆装饰以使html页面更加美观漂亮,那么javascript就是对html中DOM树上的节点进行增删改以使html页面实现动态的效果.    2.javascript语言是一种基于面向对象的.弱类型的.平台无关性的.安全性的语言.之所以说javascript基于面向对象是说它不是一种纯粹的面向对象,而是需要面向对象时即面向对象,需