Tag: JavaScript

JavaScript 创建对象的方式 文章来源：《JavaScript 实战》（ISBN：9787115189158）P23 JavaScript 的语法比较多，提供了不止一种的方法来创建对象。 简单的对象创建 可能最简单的创建对象的方法是用一个新的 Object 开始，然后向其中添加内容。想要创建一个新 Object，你只要这么做： 变量 newObject 现在指向一个 Object 的实例，Object 是 JavaScript 中所有对象的基类。要给它增加一个元素，比如说：增加一个叫 firstName 的元素，你要做的只是： 从代码的这个位置开始，newObject.firstName 就将含有一个值 “frank”，除非它在后面被修改了。你也可以很容易地添加函数： 现在 newObject.sayName () 调用的结果，是弹出一个 “frank” 的警告消息。与大多数成熟的面向对象语言不同的是，在 JavaScript 中，你不必为一个对象实例创建类或者蓝图（类的结构）。你可以像这里所写的那样，在运行时创建它。在对象的整个生命周期中都可以这么做。在网页中，这就意味着你可以在任何时候给对象添加属性和方法。 事实上，JavaScript 实现只是把所有对象当作关联数组。然后给数组加上了一个面具，使它的语法看起来更像 Java 或者 C++，使用点分隔表示法。为了强调这一点，你可以像这样检索 newObject 中 firstName 字段的值： 同样，可以这样调用 sayName () 函数： 这个简单的功能可以算是很多强大功能的基础。比如，假如你想基于某种逻辑（这里是判断）调用某个对象的方法又如何呢？哦，你可以这么做： 假设我们已经将函数 sayLoudly () 添加到 newObject，这个函数在 firstName 字段中的 alert ()…

面向对象的 JavaScript 文章来源：《JavaScript 实战》（ISBN：9787115189158）P19 大多数的 JavaScript 开发人员的生活从他们发现原型（prototype）那天就开始改变了。一旦他们发现所有的 JavaScript 对象都可以通过其原型来扩展，并且这个功能允许他们创建自定义类，世界就不可能再回到以前那样了。比如，看看下面的代码： 这段代码技术上没有什么错误，它能够运行。但它组织得足够好吗？我看不怎么样。在全局作用域里的 answer 变量代码味太浓，每个函数都是如此：都是孤立的函数，都在全局作用域里。编写更专业的 JavaScript 代码的风格就是：不要污染全局作用域。 在大多数的其他语言里面，使用全局变量会被认为是一个坏习惯，因为不在局部作用域里就意味着它们可以在程序的任何部分被修改，导致全局依赖和难以定位的问题（通常都是转瞬即逝的，很难察觉）。JavaScript 里面也是一样。全局作用域里面的函数相对没有那么头疼，不过，缺乏结构意外着在函数之间没有内在的关系，并且没有逻辑上的分组来帮助人们更高的级别来理解它们。 与之对比，让我们看看用更加面向对象的方式重写代码会如何： 要使用这段代码，我们需要做这样的事情： 这个版本的代码有如下的优点：

程序原始的代码如下： 然后加入了一行代码，console.log (i) 在浏览器的控制台打印输出 i 的变量值 运行的结果如下： 对与 console 调试的样式进行细化，                       console.log(i);            console.info(i);            console.debug(i);            console.warn(i);            console.error(i); 调试的输出结果会有不同，运行结果如下: chrome 浏览器这里还可以对输出的调试信息进行分类。 这里关键就是 console.log 的介绍，详细的还要看具体的 console 的方法

最近我遇到问题，就是控制 table 表格的行不要太长，这里最简单方便的方法就是用前端分页，控制表格显示的行数，在网上找了一番，终于找到一个比较合适的前端分页代码。示例如下： html 代码： main.css 代码： pagination.js 的代码： 好好研究这里的代码，就能解决实际的问题。

本例演示了通过 JavaScript 来实现自动刷新网页的功能，其实在网页的头部标签中加入这样的代码，也可以实现相同的功能。 其中 20 指的是每隔 20 秒刷新一次页面。