<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js01_hello</title>
<meta name="author" content="Administrator" />
<script type="text/javascript">
// var x = function() {
// alert("x");
// }
// //此时x就是一个function函数
// x();
// function fn() {
// alert("fn");
// //对于函数而言，直接写return就等于有返回值
// return "100";
// }
// //此时是将y这个变量指向函数fn,可以通过y()来调用函数
// var y = fn;
// fn();
// //可以调用
// y();
// //将函数fn所执行的返回值传给z变量，所以z为100
// var z = fn();
// alert(z);
// alert(y);
//可以使用function来模拟java的类
function Person(name,age) {
//定义了一个Person的属性为name
this.name = name;
//定义了Person的属性为age
this.age = age;
this.address = "云南昭通";
//如果没有用this声明，这个变量就仅仅只是一个局部变量，不是类的属性
var x = 10;
//创建了一个行为
this.say = function() {
alert(this.name+","+this.age);
}
}
//创建了一个对象p1是Person的对象
var p1 = new Person("张三",12);
alert(p1.name+","+p1.address+","+p1.x);
p1.say();
var p2 = new Person("德华",22);
p2.address = "香港";
//可以通过对象["属性字符串"]完成对属性的调用
alert(p2["name"]+","+p2["address"]);
alert(typeof p1);
alert(p1 instanceof Person);
//在js中对于对象而言，可以通过for in来变量对象的属性
for(var a in p1) {
//可以获取对象中的所有显示声明的属性
alert(a+":"+p1[a]);
}
</script>
</head>
<body>
<input type="button" value="运行fn1" onclick="fn1()"/>
<input type="button" value="运行fn2" onclick="fn2()"/>
<input type="button" value="运行fn3" onclick="fn3()"/>
</body>
</html>
分享到：
相关推荐
《3DMax到3DTiles的转换技术详解》 在当今的数字孪生和虚拟现实领域，3DTiles已经成为一种广泛使用的数据格式，它能够高效地展示大规模3D地理空间数据。而3DMax，作为Autodesk公司的一款强大的3D建模与渲染软件，其...
**obj-str库详解** 在JavaScript开发中，我们经常需要将对象转换为字符串，这在处理JSON数据、存储或传输信息时非常有用。`obj-str`是一个小型且高效的库，专门用于将JavaScript对象序列化为字符串，其核心代码大小...
json3.js 【JS / JavaScript 中解析JSON的js包，JSON官方的JSON解析包】。JavaScript中解析JSON的js包，页面中引入json3.js，即可使用。 使用方法：JSON.parse(str), JSON.stringify(obj) 更多详情请参考博文： ...
**ES5 Shim.js详解** `es5-shim.js` 是一个JavaScript库，旨在为不完全支持ECMAScript 5（ES5）特性的旧版浏览器提供兼容性支持。这个库由 kangax 开发，它的主要目标是使得在那些只支持ECMAScript 3或者更早版本的...
### JavaScript对象遍历顺序详解 在JavaScript开发过程中，对象遍历是一个常见的操作。然而，对象遍历的顺序问题经常让开发者感到困惑。本篇文章将详细解释JavaScript对象遍历的顺序规则，以及常用的几种遍历方法。...
【JavaScript源代码】可拖拽组件slider.js使用方法详解 在本文中，我们将深入探讨一个基于mirthil.js、JavaScript和SCSS编写的可拖动滑块组件的实现。这个组件适用于那些在项目中需要自定义滑块，而又无法使用UI...
在JavaScript编程语言中，`this`关键字是一个至关重要的概念，它常常引发初学者的困惑，因为它的值在不同的上下文中可能会有所不同。`this`关键字主要用来引用对象的上下文，或者说是当前执行环境中的对象。在本文中...
**three.js知识详解** **1. three.js简介** three.js是一个基于WebGL的开源JavaScript库，它使得在浏览器中创建复杂的3D图形变得容易。WebGL是一种在浏览器中渲染3D图形的API，它允许开发者直接在网页上呈现交互式...
### JavaScript使用详解 #### 一、JavaScript简介 JavaScript是一种轻量级的编程语言，也是一种解释型脚本语言。它被设计用于向HTML页面添加交互性，例如响应用户的操作（如鼠标点击）、验证表单输入以及动态修改...
### JavaScript中的深复制详解及实例分析 #### 一、引言 在JavaScript编程中，对象是一种非常重要的数据结构。为了确保程序的正确性和安全性，有时我们需要创建对象的副本。这时，就会涉及到深复制（Deep Clone）的...
### JS三级联动下拉框知识点解析 #### 一、知识点概览 在Web开发中，三级联动下拉框是一种常见的用户交互方式，主要用于提供多级数据选择的功能，比如省份、城市、区县的选择等场景。该功能通过JavaScript实现，...
### JavaScript 动态创建对象属性详解 #### 一、引言 在JavaScript中，对象是其核心特性之一，能够帮助开发者高效地管理数据和逻辑。本文将深入探讨如何在JavaScript中动态创建对象属性，这对于构建灵活的应用程序...
Three.js是一个强大的JavaScript库，用于在WebGL支持的浏览器中创建和展示三维图形。"asp.net 123 上带有打字稿项目的 Angular 种子" 表明开发者使用了ASP.NET 123版本作为后端服务器，同时使用TypeScript（打字稿）...
这里我们将按照7步口诀详解`this`的指向。 1. **箭头函数**： 箭头函数（`=>`）的`this`不会被改变，它总是捕获其定义所在的作用域中的`this`值。这意味着箭头函数没有自己的`this`，它会继承外层作用域的`this`。...
### JavaScript 实现点击掉落特效详解 #### 一、概述 本文档主要介绍如何使用JavaScript（简称JS）来实现一个简单的点击后元素掉落的动画效果。该特效通过动态创建多个`div`元素，并在用户点击页面时使这些元素向...
### JavaScript Object Array 方法使用详解 #### 一、引言 在JavaScript开发中，数组（Array）是一类极为常用的数据结构，提供了丰富的内置方法来帮助开发者高效地操作数据。本文将详细介绍Array原型上的方法，并...
### JavaScript编码规范详解 #### 1. 前言 随着JavaScript在前端开发中的广泛应用，尤其是在浏览器端的行为管理方面，确保代码风格的一致性对于提高团队协作效率至关重要。本篇文章旨在提供一套统一的JavaScript...
### JavaScript编码规范详解 #### 一、变量命名规范 在JavaScript开发过程中，良好的变量命名习惯不仅能够提升代码的可读性，还能够帮助其他开发者更好地理解代码逻辑。 1. **常量及全局变量命名规范**： - 常量...
JavaScript是一种动态类型的脚本语言，广泛应用于Web开发。在JavaScript中，对象是其核心特性，用于存储和组织数据。本文将深入探讨JavaScript中创建对象的几种常见方式以及对象方法。 首先，我们来看“工厂模式”...