`

JavaScript基本概念

 
阅读更多
JavaScript 变量名称的规则:

----变量对大小写敏感(y 和 Y 是两个不同的变量)
----变量必须以字母或下划线开始

插入特殊字符
反斜杠用来在文本字符串中插入省略号、换行符、引号和其他特殊字符。
请看下面的 JavaScript 代码:
var txt="We are the so-called "Vikings" from the north."
document.write(txt)

空格
JavaScript 会忽略多余的空格。所以您可以在代码中添加适当的空格,使得代码的可读性更强。下面的两行是等效的:
name="Hege"
name = "Hege"

换行
您可以在文本字符串内部使用反斜杠对代码进行折行。下面的例子是正确的:
document.write("Hello \
World!")

但是不能像这样折行:
document.write \
("Hello World!")


条件运算符


JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。
语法
variablename=(condition)?value1:value2

例子
greeting=(visitor=="PRES")?"Dear President ":"Dear ";
如果变量 visitor 中的值是 "PRES",则向变量 greeting 赋值 "Dear President ",否则赋值 "Dear"。

if (条件1)
{
条件1成立时执行代码
}
else if (条件2)
{
条件2成立时执行代码
}
else
{
条件1和条件2均不成立时执行代码
}


switch(n)
   {
   case 1:
     执行代码块 1
     break
   case 2:
     执行代码块 2
     break
   default:
     如果n即不是1也不是2,则执行此代码
   }


警告框
警告框经常用于确保用户可以得到某些信息。
当警告框出现后,用户需要点击确定按钮才能继续进行操作。
语法:
alert("文本")

确认框
确认框用于使用户可以验证或者接受某些信息。
当确认框出现后,用户需要点击确定或者取消按钮才能继续进行操作。
如果用户点击确认,那么返回值为 true。如果用户点击取消,那么返回值为 false。
语法:
confirm("文本")

提示框

提示框经常用于提示用户在进入页面前输入某个值。
当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。
如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。
语法:
prompt("文本","默认值")

for 循环

在脚本的运行次数已确定的情况下使用 for 循环。
语法:
for (变量=开始值;变量<=结束值;变量=变量+步进值)
{
    需执行的代码
}

有两种在网页中捕获错误的方法:

    使用 try...catch 语句。(在 IE5+、Mozilla 1.0、和 Netscape 6 中可用)
    使用 onerror 事件。这是用于捕获错误的老式方法。(Netscape 3 以后的版本可用)

onerror=handleErrfunction handleErr(msg,url,l)
{
//Handle the error here
return true or false
}



this function

function sum(a, b) {
var c = a + b;
return c;
}
sum(1, 2, 3, 4, 5)


JavaScript is not picky at all when it comes to parameters. If you pass more parameters than the function expects, the extra parameters will be silently ignored


What's more, you can create functions that are flexible about the number of parameters they accept. This is possible thanks to the arguments array that is created automatically inside each function. Here's a function that simply returns whatever parameters are passed to it:
>>> function args() { return arguments; }
>>> args();

>>> args( 1, 2, 3, 4, true, 'ninja');
[1, 2, 3, 4, true, "ninja"]

全等号和非全等号
等号和非等号的同类运算符是全等号和非全等号。这两个运算符所做的与等号和非等号相同,只是它们在检查相等性前,不执行类型转换。
全等号由三个等号表示(===),只有在无需类型转换运算数就相等的情况下,才返回 true。
例如:

var sNum = "66";
var iNum = 66;
alert(sNum == iNum);	//输出 "true"
alert(sNum === iNum);	//输出 "false"


encodeURI(URIstring)
说明

该方法不会对 ASCII 字母和数字进行编码,也不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ' ( ) 。
该方法的目的是对 URI 进行完整的编码,因此对以下在 URI 中具有特殊含义的 ASCII 标点符号,encodeURI() 函数是不会进行转义的:;/?:@&=+$,#

提示和注释
提示:如果 URI 组件中含有分隔符,比如 ? 和 #,则应当使用 encodeURIComponent() 方法分别对各组件进行编码。

eval()
eval() takes a string input and executes it as JavaScript code:


CallBack 函数
常规应该
function addOne(a) {
return a + 1;
}
function multiplyByTwo(a, b, c) {
var i, ar = [];
for(i = 0; i < 3; i++) {
ar[i] = (arguments[i] * 2);
}
ar[i]
return ar;
}
var myarr = [];
myarr = multiplyByTwo(10, 20, 30);
for (var i = 0; i < 3; i++) {myarr[i] = addOne(myarr[i]);}
>>> myarr

但是现在利用callback函数,可以节约一个循环

function addOne(a) {
return a + 1;
}
function multiplyByTwo(a, b, c, callback) {
var i, ar = [];
for(i = 0; i < 3; i++) {
ar[i] = callback(arguments[i] * 2);
}
ar[i]
return ar;
}
multiplyByTwo(10,20,30,addOne)



anonymous self-invoking functions


(
function(name){
alert('Hello ' + name + '!');
}
)('dude')


One good reason for using self-invoking anonymous functions is to have some
work done without creating global variables.
A drawback, of course, is that you cannot execute the same function twice (unless you put it inside a loop or another function).
This makes the anonymous self-invoking functions best suited for one-off or initialization tasks.

Inner (Private) Functions


function a(param) {
 
function b(theinput) {
   
return theinput * 2;
};
return 'The result is ' + b(param);}


JavaScript作用域
另,既然是作为变量,它就拥有变量的一切特征。如,在调用delete方法删除一个变量时,有以下一个有趣的现象:var 变量是不能删除,没有var的变量才能删除。
因为函数是作为一种数据而设计出来,因此它遵循其他变量的行为,如被拷贝,被删除,作为参数放进函数内。
x = 1
alert(delete x) // true
var y = 2
alert(delete y) // false



How to define a object in JavaScript

var hero = {
breed: 'Turtle',
occupation: 'Ninja'
};


It's recommended that you don't quote the names of the properties (it is also less typing!), but there are some cases when you have must use quotes:
If the property name is one of the reserved words in JavaScript (see Appendix A)
If it contains spaces or special characters (anything other than letters, numbers, and the underscore character)
If it starts with a number

var o = {
something: 1,
'yes or no': 'yes',
'!@#$%^&*': true
};

















分享到:
评论

相关推荐

    JAVASCRIPT基本概念[整理].pdf

    JAVASCRIPT基本概念[整理].pdf

    JavaScript 基本概念

    以下是对JavaScript基本概念的详细解析: 1. 区分大小写 在JavaScript中,大小写是非常重要的。无论是变量、函数名还是操作符,JavaScript都是区分大小写的。这意味着变量名test和Test在JavaScript中会被认为是完全...

    JavaScript学习笔记,javascript基础知识,基础语法整理.pdf

    一、 JavaScript 基本概念 * JavaScript是一种基于对象的脚本语言 * JavaScript是客户端脚本语言,运行在用户的浏览器中 * JavaScript可以实现网页的交互功能 二、 JavaScript 中的函数 * 函数是JavaScript中的一...

    JavaScript基本概念初级讲解论坛贴的学习记录

    在JavaScript的学习过程中,掌握基本概念是至关重要的,因为它为深入理解后续复杂概念打下基础。本篇学习记录将探讨JavaScript中的一些核心概念,主要包括this对象、函数对象、apply和call方法等,旨在帮助初学者...

    JavaScriptDOM编程艺术.rar

    1. **基础语法**:涵盖变量、数据类型、控制流程(条件语句和循环)、函数等JavaScript基本概念,这些都是理解和编写任何JavaScript代码的基础。 2. **作用域与闭包**:理解变量的作用域规则,以及如何利用闭包来...

    《JavaScript程序设计》期末复习题(答案)[归类].pdf

    本资源提供了《JavaScript程序设计》期末复习题的答案,涵盖了 JavaScript_programming 的多个方面,包括基本概念、变量、数据类型、函数、数组、对象、事件处理、DOM 操作等。通过这份复习题,可以帮助学习者巩固 ...

    JavaScript笔记知识点整理图文.pdf

    一、JavaScript基本概念 * JavaScript是一种基于对象的脚本语言,由 Netscape公司开发。 * JavaScript可以实现网页的动态交互,提供了丰富的用户体验。 * JavaScript可以与HTML、CSS结合使用,实现网页的前端开发。...

    javascript.docx

    ### JavaScript 基本概念 1. **变量**:用于存储数据值。 ```javascript let variableName = 'value'; ``` 2. **数据类型**:包括数字(Number)、字符串(String)、布尔值(Boolean)、空值(null)、未定义...

    learning javascript

    1. JavaScript基本概念和术语:掌握编程基础,理解变量、函数、循环、对象和数组等核心概念。 2. DOM操作:了解如何通过JavaScript操作浏览器的DOM,以便创建动态行为和数据交互。 3. 数据存储:学会使用Cookies、...

    javascript小例子代码

    在这个“javascript小例子代码”压缩包中,我们很可能会找到一系列便于理解和学习JavaScript基本概念、语法和常见功能的小型示例代码。 首先,让我们探讨JavaScript的基本结构。在JavaScript中,代码通常是放在`...

    Javascript考试题目选择题.docx

    本文档是一个 Javascript 考试题目选择题的文档,涵盖了 Javascript 的基本概念、语法、控件、事件处理、DOM 模型等多个方面。下面是根据文档的内容生成的相关知识点: 一、Javascript 基本概念 * Javascript 语法...

    JavaScript.docx

    随着对JavaScript基本概念的理解加深,你还可以进一步学习以下高级主题: - **深入理解JavaScript**: - **原型链**、**闭包**等高级概念。 - **ES6+新特性**: 箭头函数、模板字符串、类等。 - **框架与库**: - **...

    数字时钟演示(JavaScript)

    1. **JavaScript基本概念**: - JavaScript是一种解释型、基于原型的弱类型语言,支持事件驱动和函数式编程风格。 - 它通常与HTML和CSS一起使用,构建动态和交互性的网页。 2. **数字时钟原理**: - 利用...

    新手必须知的Node.js 4个JavaScript基本概念

    下面这4个基本概念是你想要掌握node.js所必需的。我会尽可能长话短说向大家介绍它们。 1.非阻塞或异步I/O 由于Node.js是一种服务器端框架,所以它的一个主要工作就是处理浏览器请求。在传统的I/O系统中,当前请求...

    javascript-cheatsheet:了解JavaScript的基本术语,概念和语法

    这是JavaScript基本概念的备忘单。 开始学习JavaScript的基本概念,语法,术语和不同的构造。 奖励:第14节的单页DOM API速查表 想正确学习JavaScript吗? iLoveCoding Pro会员。 我呈现给您-JavaScript备忘单 :...

    js-code-snippets:学习基本JavaScript概念

    了解实际JavaScript基本概念。 :high_voltage: 对于初学者和中级! 贡献者指南 如果您不熟悉Git和Github,建议您先进行然后再继续下一步。 在分叉存储库 克隆分叉存储库 $ git clone ...

    web前端开发的题库1.pdf

    5. JavaScript基本概念 * JavaScript是一种脚本语言,用于定义网页的交互行为。 * JavaScript中,可以使用函数来封装代码块。 * JavaScript中,可以使用事件监听器来响应用户交互。 6. CSS选择器 * CSS选择器可以...

    NodeJS应用开发自测试卷1.docx

    NodeJS 应用开发自测试卷1涵盖了 NodeJS 开发的基本概念、JavaScript 语言特性、NodeJS 全局函数、EventEmitter 对象、server 对象、request 对象、socket 对象等多个方面。 JavaScript 基本概念 JavaScript 是一...

Global site tag (gtag.js) - Google Analytics