JavaScript高级程序设计(第3版)学习笔记11 内建js对象

yizhihongxing

下面是《JavaScript高级程序设计(第3版)学习笔记11 内建js对象》的学习攻略。

常用内建对象

JavaScript中内建对象众多,本章介绍的是一些常用的内建对象。

Boolean对象

Boolean对象只有两种可能的实例,即truefalse,如果将其他数据类型转换为Boolean类型,规则是:除了""0NaNnullundefined这五个值之外,其他值转换成true。代码示例如下:

var b1 = new Boolean();
var b2 = new Boolean(10);
var b3 = new Boolean("");
var b4 = new Boolean(0);

alert(b1);  // false
alert(b2);  // true
alert(b3);  // false
alert(b4);  // false

Number对象

Number对象用于表示数字,可以使用Number函数将其他数据类型转换为数字。如果是字符串类型,则要求字符串只包含数字和一个可选的正负号,并且只能有一个小数点。如果是未定义或空值,则转换为0。Number对象提供了一些常用的数学方法,如isNaNisFinitetoFixed等。代码示例如下:

var n1 = new Number();
var n2 = new Number("123.45");

alert(n1);  // 0
alert(n2);  // 123.45
alert(n2.toFixed(1));  // 123.5
alert(Number.isNaN(n1));  // false
alert(Number.isFinite(n1));  // true

String对象

String对象用于表示字符串,可以使用String函数将其他数据类型转换为字符串。String对象提供了一些常用的字符串方法,如lengthcharAttoLowerCase等。代码示例如下:

var s1 = new String();
var s2 = new String("Hello, world!");

alert(s1);  // ""
alert(s2);  // "Hello, world!"
alert(s2.length);  // 13
alert(s2.charAt(0));  // "H"
alert(s2.toLowerCase());  // "hello, world!"

内置函数对象

除了常用内建对象之外,JavaScript还提供了许多内置函数对象。这些函数对象可以直接调用,无需实例化。本节介绍一些常用的内置函数对象。

Object对象

Object对象是所有对象类型的基类,所有对象都继承自Object对象。Object对象提供了一些常用的方法,如createdefinePropertyassign。代码示例如下:

var obj1 = new Object();
var obj2 = {};
var obj3 = Object.create(obj1);

obj2.name = "Tom";
Object.defineProperty(obj1, "age", { value: 18 });

alert(obj1.age);  // 18
alert(obj1.hasOwnProperty("name"));  // false
alert(obj2.hasOwnProperty("name"));  // true
alert(obj3.age);  // 18

Function对象

Function对象用于定义一个函数,也可以作为函数调用。Function对象有一个prototype属性,用于定义一个对象原型,可以通过该原型定义函数共享的方法和属性。代码示例如下:

function add(a, b) {
    return a + b;
}

var add2 = new Function("a", "b", "return a + b;");

alert(add(1, 2));  // 3
alert(add2(1, 2));  // 3

add.prototype.sayHello = function() {
    alert("Hello!");
};

add(1, 2).sayHello();  // TypeError: add(...) is not an object

var add3 = new add(1, 2);
add3.sayHello();  // Hello!

Array对象

Array对象用于表示数组,可以使用Array函数将其他数据类型转换为数组。Array对象提供了一些常用的方法,如pushpopslice等。代码示例如下:

var a1 = new Array();
var a2 = new Array(1, 2, 3);
var a3 = [];
var a4 = Array.of(1, 2, 3);

a3.push(1);
a3.push(2);
a3.push(3);

alert(a1);  // []
alert(a2);  // [1, 2, 3]
alert(a3);  // [1, 2, 3]
alert(a4);  // [1, 2, 3]

结论

本章介绍了常用的内建对象和内置函数对象,对于理解JavaScript中的对象有很大的帮助。理解这些对象可以更高效地编写JavaScript程序,并避免一些常见的错误。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:JavaScript高级程序设计(第3版)学习笔记11 内建js对象 - Python技术站

(0)
上一篇 2023年5月18日
下一篇 2023年5月18日

相关文章

  • 实例教程 纯CSS3打造非常炫的加载动画效果

    通过本实例教程,我们将使用纯 CSS3 技术来构建一些极其酷炫的网站加载动画效果。在本教程中,我们将学习如何使用 CSS3 的关键帧动画和过渡方法来创建许多有趣的动画。 1. 准备工作 在开始编写动画之前,需要先准备好一个 HTML 文件。你可以在文件中添加一些模拟加载过程的标签来测试你的动画。一些可以用于这个目的的标签是:div,span,img 等。 2…

    JavaScript 2023年6月11日
    00
  • JavaScript 学习笔记(六)

    JavaScript 学习笔记(六)主要介绍了函数的使用,包括函数的定义、调用以及函数的参数和返回值。 函数的定义与调用 函数是一段执行特定任务的代码块,可以多次调用。在 Javascript 中,函数定义的语法如下: function functionName(argument1, argument2, …) { // 函数体 return value…

    JavaScript 2023年6月11日
    00
  • javascript中clipboardData对象用法详解

    javascript中clipboardData对象用法详解 什么是clipboardData对象? clipboardData对象是一个javascript对象,可以在复制和粘贴操作中来获取和操作剪切板中的数据。在javascript中,我们可以通过window对象的event属性来访问clipboardData对象。 clipboardData对象的属性…

    JavaScript 2023年5月27日
    00
  • jQuery对象和Javascript对象之间转换的实例代码

    让我来为您介绍一下如何在jQuery对象和JavaScript对象之间进行转换的实例代码。 转换jQuery对象为JavaScript对象 转换单一jQuery对象为JavaScript对象 我们可以使用 [0] 或者 get(0) 方法来获取单一jQuery对象的JavaScript对象表示。 “`javascript // 定义一个jQuery对象 v…

    JavaScript 2023年5月27日
    00
  • Backbone.js框架中Model与Collection的使用实例

    首先我们先来简单介绍一下Backbone.js框架。Backbone.js是一个轻量级的JavaScript框架,它提供了MVC(Model-View-Controller)的架构,方便我们在前端开发过程中管理数据状态和逻辑。在Backbone.js框架中,最常用的两个组件是Model和Collection。 Model:Model是指一个数据模型,它相当于…

    JavaScript 2023年6月10日
    00
  • 编辑器中designMode和contentEditable的属性的介绍

    编辑器中的designMode和contentEditable属性都是控制浏览器中页面编辑功能的属性。 designMode属性 designMode属性设置或返回文档的设计模式。如果值设置为”on”,那么文档就会变成可编辑模式,可以对文档进行编辑操作;如果值设置为”off”,那么文档就会变成只读模式,不能进行编辑操作。 示例一:将页面设置为编辑模式 &lt…

    JavaScript 2023年6月11日
    00
  • 两种简单的跨域方法(jsonp、php)

    这里就给您详细讲解跨域方法中的jsonp和php。 一、JSONP跨域 概述 JSONP是一种简单的跨域方式,它通过动态添加<script>标签,利用浏览器允许跨域请求资源的特性获取外域的数据,并将数据作为参数传递给回调函数,从而实现跨域获取数据。 实现步骤 在页面中定义一个全局函数,作为回调函数。 通过动态创建<script>标签的…

    JavaScript 2023年5月27日
    00
  • JavaScript实现简单进度条效果

    JavaScript实现简单进度条效果,可以通过改变进度条的宽度或者高度来实现。下面是实现的步骤: 步骤1. 创建HTML布局 进度条需要创建一个父容器,然后再创建一个子容器来表示进度。代码如下: <div class="progress-bar"> <div class="progress">…

    JavaScript 2023年6月11日
    00
合作推广
合作推广
分享本页
返回顶部