js 对象定义方法

面向对象编程
JavaScript 是面向对象的编程语言 (OOP)。OOP 语言使我们有能力定义自己的对象和变量类型。

别着急,我们会在高级 JavaScript 的部分讲解如何创建自己的对象。现在,我们要开始学习内建的 JavaScript 对象,以及如何使用它们。从下一节开始,我们将具体地依次讲解的这些内建的 JavaScript 对象。

注意:对象只是一种特殊的数据。对象拥有属性和方法。

.简单类型

javascript的简单类型包括 数字(Number)、字符串(String)、布尔值(Boolean)、null值 和 undefined值。其他所有值都是对象。

2.对象

javascript中的对象是可变键控集合。在javascript中,数组、函数、正则表达式都是对象。

对象是属性的容器。其中每个属性都拥有名字和值。属性的名字可以是包括空字符串在内的任意字符串。属性值可以是除undefined值之外的任何值。

3.对象的定义方法

(1)用字面量定义。例如:

var obj = {"name":"Jim","age":16};
(2)new关键字定义。例如:

 代码如下 复制代码
var obj = new Object();
obj.name = "Jim";
obj.age = 16;

4.对象的属性

获得对象的属性值:

var obj = {"name field":"Jim","age":16};
var name =obj["name field"] ; //属性字符串是变量或者不是合法标识符时可以使用
var age =obj.age ;
//优先考虑使用。但当属性字符串是常量,而且属性字符串是合法的标识符时,才能使用
|| 运算符可以用来填充默认属性值:

var status = flight.status || “unkown”;

对象的属性值可以通过赋值语句来更新:

obj.age = 20;

对象通过引用来传递。

对象原型(prototype)链中的属性也可以对象中访问。

delete 运算符可以用来删除对象的属性。

在下面的例子中,我们使用字符串对象的长度属性来计算字符串中的字符数目。

 代码如下 复制代码

<script type="text/javascript">

var txt="Hello World!"
document.write(txt.length)

</script>上面的代码输出为:

12

方法
方法指对象可以执行的行为(或者可以完成的功能)。

在下面的例子中,我们使用字符串对象的 toUpperCase() 方法来显示大写字母文本。

 代码如下 复制代码

<script type="text/javascript">

var str="Hello world!"
document.write(str.toUpperCase())

</script>上面的代码输出为:

HELLO WORLD!

常用的对象参考

JavaScript String(字符串)对象 实例
返回字符串的长度
为字符串添加样式
返回字符串中指定文本首次出现的位置 - indexOf()方法
查找字符串中特定的字符,若找到,则返回该字符 - match() 方法
替换字符串中的字符 - replace()

JavaScript Date(日期)对象 实例
使用 Date() 方法来返回今天的日期和时间
使用 getTime() 计算从1970年到今天有多少年
使用 setFullYear() 设置具体的日期
使用 toUTCString() 把当日的日期(根据 UTC)转换为字符串
使用 getDay() 来显示星期,而不仅仅是数字

JavaScript Array(数组)实例
创建数组
使用 for...in 声明来遍历数组中的元素
合并两个数组 - concat()
用数组的元素组成字符串 - join()
文字数组 - sort()
数字数组 - sort()

JavaScript Boolean(布尔)对象 实例
检查逻辑值
参阅:JavaScript Boolean 对象的参考手册。
JavaScript Math(算数对象)实例
使用 round() 对数字进行舍入
使用 random() 来返回 0 到 1 之间的随机数
使用 max() 来返回两个给定的数中的较大的数
使用 min() 来返回两个给定的数中的较小的数

 

时间: 2024-07-29 18:46:08

js 对象定义方法的相关文章

浅谈几种常用的JS类定义方法_javascript技巧

// 方法1 对象直接量 var obj1 = { v1 : "", get_v1 : function() { return this.v1; }, set_v1 : function(v) { this.v1 = v; } }; // 方法2 定义函数对象 var Obj = function() { var v1 = ""; this.get_v1 = function() { return this.v1; }; this.set_v1 = function

javascript 对象定义方法 简单易学_js面向对象

工厂模式: 初级开发者可能会这样定义对象: var obj = new Object(); obj.name = "hero"; obj.showName=function (){alert(this.name);} 这里存在一个问题就是如果我们要在多个地方用obj对象,可能在程序中类似的代码要写好多遍,于是产生了工厂方法 function createObj() { var obj = new Object(); obj.name="hero"; obj.show

Javascript中定义方法的另类写法(批量定义js对象的方法)_javascript技巧

复制代码 代码如下: isArray : function(v){ return toString.apply(v) === '[object Array]'; }, isDate : function(v){ return toString.apply(v) === '[object Date]'; }, isObject : function(v){ return !!v && Object.prototype.toString.call(v) === '[object Object]

JQuery each打印JS对象的方法_jquery

我们知道javascript可以用alert输出变量的值,但是有时候返回的是一个对象,json格式的数据,jQuery可以用这个方法循环遍历读出对象的值,假如这个对象名称是obj,循环遍历打印它的值: 复制代码 代码如下:   $.each(obj,function(key,val){      if($.isPlainObject(val) || $.isArray(val)){          subObj(val);      }else{          alert(key+'='+

浅谈js函数的多种定义方法与区别_javascript技巧

定义一个函数一般有如下三种方式: 1.函数关键字(function)语句: function fnMethodName(x){ alert(x); } 2.函数字面量(Function Literals): var fnMethodName = function(x){alert(x);} 3.Function()构造函数: var fnMethodName = new Function('x', 'alert(x);') 上面三种方法定义了同一个方法函数fnMethodName,第1种就是最常

javascript面向对象编程:js类定义函数时prototype和this的区别

在面向对象编写js脚本时,定义实例方法主要有两种 如下: function ListCommon2(afirst) { var first=afirst; this.do1=function () { alert("first do"+first); } } ListCommon2.prototype.do2=function() { // alert("first do"+first);//会出错,不能访问first this.do1(); } this.do1=

JS对象与json字符串格式转换实例_javascript技巧

本文实例讲述了JS对象与json字符串格式转换的实现方法,分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />     <title></title>     <script type="text/javascript"&g

多个jsp页面共享一个js对象的超级方法

 今天,在项目中遇到一个问题,两个js页面要共享一个就js对象.js全局变量和静态变量都不行,其他苦逼的小农们就不要去强求了.而LZ又不想用cookie来存放,一是不安全,二个人喜好.最后发现一种超级方法来解决这个困扰,那就是用window.top['_CACHE']来存放这个变量,即可实现,不同Jsp页面直接的对象共享. var share = { /** * 跨框架数据共享接口 * @param {String} 存储的数据名 * @param {Any} 将要存储的任意数据(无此项则返回被

JS 建立对象的方法_基础知识

Objects are useful to organize information. 对于组织信息来讲对象是非常有用的  JavaScript Objects JS对象 Earlier in this tutorial we have seen that JavaScript has several built-in objects, like String, Date, Array, and more. In addition to these built-in objects, you c