WRT中经常使用的类进行DOM操作，这就需要了解函数及变量的作用范围，请看代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<script type="text/javascript" language="javascript">
var TestClass2 = function(){
this.member = "member";
}
//類定義
var TestClass = function(){
this.a="a";//累成員變量
var b="b";//局部變量
c="c";//全局變量
//局部的函數
var xa = function test(){
alert("test");
}
//局部函數傳遞給成員，(JS中函數也是變量。)在外面直接用類的實例調用
this.xaf = xa;
}
//继承TestClass2
TestClass.prototype = new TestClass2();
TestClass.prototype.test1 = function(){
};
//調用
var testclass = new TestClass();
//調用類的成員函數
testclass.xaf();
alert("a is:"+testclass.a);//通過類來調用
alert("b is:"+testclass.b); //調用不到的。
alert("c is:"+c); //可以調用全局的。
alert(testclass.member);//调用继承下来的成员变量
</script>
</head>
<body>
<h1>New Web Project Page</h1>
</body>
</html>
分享到：
- 2009-11-11 09:53
- 浏览 926
- 评论(0)
- 论坛回复 / 浏览 (0 / 1659)
- 查看更多
相关推荐
JavaScript中的类继承是一种模拟传统面向对象编程中类概念的方式，因为JavaScript本身是一种基于原型的面向对象语言。在JavaScript中，对象可以直接从其他对象继承属性和方法，而不是通过类的实例化。这种继承机制...
3. **数组和集合**：学习JavaScript中的数组操作，如map、filter、reduce等高阶函数的运用，以及Set和Map等ES6新增集合类型的使用。 4. **函数**：理解闭包、作用域和this的关键概念，学习箭头函数的语法和特性。 5....
### JavaScript回调函数中变量作用域解析 #### 一、引言 JavaScript作为一种广泛使用的脚本语言，其灵活性和强大功能使其成为Web开发不可或缺的一部分。在JavaScript编程中，回调函数是一种非常重要的概念，尤其是...
本文将深入探讨JavaScript中的封装和继承，以及它们在实际应用中的实现。 ### 封装（Encapsulation） 封装是面向对象编程中的关键概念，它涉及如何管理和保护数据，防止外部代码直接访问或修改对象的内部状态。在...
变量的作用域是函数作用域，而非块级作用域，这意味着变量在声明它的函数内都是可见的，即使该变量在函数的某个块（如`if`或`for`循环）中声明。 - `let`：随着ES6的引入，`let`提供了一种新的块级作用域的变量声明...
在JavaScript中，函数不仅可以作为表达式，还能作为变量赋值、作为参数传递以及作为返回值。本速查指南将深入探讨JavaScript函数的各个方面。 一、函数声明 在JavaScript中，有多种方式来声明函数： 1. `function`...
JS 中 ES6 继承和 ES5 继承之间的差别 在 JavaScript 中，继承是实现对象之间的关系的一种方式。ES5 和 ES6 都提供了继承机制，但是它们之间存在着一些关键的差异。本文将详细介绍 ES5 和 ES6 中继承的实现机制和...
JavaScript中的函数对象调用模式是编程中至关重要的概念，它涉及到函数作为一等公民、作用域、闭包、原型链等多个核心知识点。这篇博客通过深入分析JavaScript中的函数调用模式，帮助开发者更好地理解和掌握这些概念...
这篇博客"JavaScript实用小函数(一)"可能涵盖了JavaScript基础以及一些实用技巧，虽然具体细节未在描述中给出，但我们可以根据常见的话题进行深入探讨。本文将主要围绕JavaScript中的函数、面向对象编程以及多态性来...
1. **继承的介绍**：讲解JavaScript中的原型链继承和类继承，包括如何定义构造函数、原型链的工作原理、以及如何通过`extends`关键字进行类的继承。 2. **作用域的详解**：解释不同类型的变量作用域，如全局作用域...
- **特性**：闭包使得函数可以访问并操作外部作用域中的变量，即使外部函数已经执行完毕。 - **示例**： ```javascript function outerFunction() { var outerVar = "外部变量"; function innerFunction() { ...
CSDN官方发布的这个“js函数大全”集合了JavaScript中的各种常见函数，对于学习和查阅JavaScript功能具有极大的帮助。下面我们将深入探讨其中的一些重要知识点。 1. **变量与数据类型**： JavaScript支持动态类型...
在JavaScript的世界里，函数是第一类对象，这意味着它们可以被赋值给变量，作为参数传递，也可以作为其他函数的返回值。"js函数扩展"这个主题深入探讨了如何利用JavaScript的特性来增强和优化函数的使用。这篇博客...
本篇文章将深入探讨JS函数的三种声明方式：函数声明、函数表达式以及箭头函数。 1. **函数声明** 函数声明是最常见的方式，它以`function`关键字开头，后跟函数名，然后是参数列表，最后是函数体。例如： ```...
JavaScript支持多种继承机制，包括原型链继承、构造函数继承、组合继承、寄生式继承以及寄生组合继承等。接下来，我们将详细探讨这些继承方式。 ### 1. 原型链继承 原型链继承是通过将一个对象设置为另一个对象的...
本文将深入探讨JavaScript中的函数和类的概念，以及它们在实际编程中的应用。 #### 函数：JavaScript的核心构建块 在JavaScript中，函数是一段可重用的代码块，用于执行特定任务或计算。函数可以接受参数，并返回...
变量对象是执行上下文中的一部分，存储了当前作用域内所有的变量和函数声明。 - **变量对象的组成**： - **标识符**：变量名或函数名。 - **值**：变量的当前值。 - **函数对象**：对于函数声明，包含函数体和...
这意味着在箭头函数中，无论怎么调用，`this`始终指向定义时所在的作用域。 2. **构造函数** - **常规函数**：常规函数可以作为构造函数使用，通过`new`关键字创建新的对象实例。 - **箭头函数**：箭头函数不能...
1、JavaScript中定义函数有2钟方法： 1-1.函数声明： 代码如下:function funcName(arg1,arg2,arg3){ //函数体} ①name属性：可读取函数名。非标准，浏览器支持:FF、Chrome、safari、Opera。 ②函数声明提升：指...