JavaScript学习笔记——语法基础1.1

一、写在前面的话

1、我们有听说过,在一些地方,会把JavaScript当作入门级编程语言,这是因为它相对易学,易习。

2、JavaScript是一门地地道道的编程语言,既然是一门语言,那就应该有专属于它本身的语法,掌握它的语法势在必行。

3、不要试图去记忆它的所有语法和关键字,事实上,几乎没有人能做到这一点。

4、没有一个人敢说,学JavaScript1年或者几年就能称为不败的神话,坚持下去,会让你走的更远,只有这样,你才可能欣赏到更美的风景。

5、制定一个适合你自己的计划,选择一本适合你的书籍,勇敢地踏出你的第一步。

二、JavaScript基本概念

1、JavaScript是Netscape公司与Sun公司合作开发的一种基于对象的解释型语言,也可称为直译式语言。

2、JavaScript依托于解释器,它拥有良好的跨平台性,也正因如此,它的应用目前倾向于但不局限于Web端。

3、JavaScript可用于用户交互和数据处理。

4、JavaScript是一门数据类型容易出错的弱类型语言(戳这里了解更多)。

三、JavaScript变量

1、JavaScript允许在不声明变量数据类型的情况下定义变量;

2、定义变量的语法:var 变量名;  var(英文variable的缩写)是JavaScript的关键字,看下面的例子:

var myName; // 一次定义一个变量
var myHeight, myAge;  // 也可以一次定义多个变量

3、变量名的命名规则:不允许变量名中出现空格和标点符号(美元符号"$"除外);允许包含字母、数字(第一个字母不允许是数字)、下划线、美元符号;通过使用“驼峰格式”命名;

4、加var与不加var定义变量的区别:作用域不同,加var的变量是局部变量,不加var的是全局变量;

var myAge = 23;
function myRo(){
    var myAge = 24;
    console.log(myAge);
}
myRo();                    // 24
console.log(myAge);     // 23

四、JavaScript数据类型

1、JavaScript与其他编程语言相同,变量也具有以下几种数据类型:

var myVar = new String;    // 声明一个字符串类型的变量 —— 用双引号或单引号表示
var myVar = new Number;    // 声明一个数字类型的变量 —— 整数或者小数(浮点数)
var myVar = new Boolean;   // 声明一个布尔类型的变量 —— true或者false

var myVar = new Array;     // 声明一个数组类型的变量
var myVar = new Object;    // 声明一个对象类型的变量

Undefined这个值表示变量不含有值,即未定义;Null表示为空,通常用来清空变量。

2、JavaScript的数据类型包括:基本数据类型和复合数据类型;基本数据类型包括:String、Number、Boolean、Undefined、Null;复合数据类型包括数组、对象等。

3、typeof是一个一元运算符,我们可以通过typeof()来检测变量的数据类型,括号中可以是任意类型。

var myVar0 = -0.5;
var myVar2 = NaN;
var myVar3 = Number.MAX_VALUE;
var myVar4 = Infinity;
var myVar5 = ‘hello world‘;
var myVar6 = true;
var myVar7 = window;
var myVar8 = document;
var myVar9 = null;
var myVar10 = undefined;
var myVar11 = Date;
var myVar12 = eval;
var myVar13 = {a:1,b:2,c:3};
var myVar14 = [‘Hello‘,‘World‘];
document.write(typeof(myVar0)+‘<br/>‘); //number
document.write(typeof(myVar1)+‘<br/>‘); //number
document.write(typeof(myVar2)+‘<br/>‘); //number
document.write(typeof(myVar3)+‘<br/>‘); //number
document.write(typeof(myVar4)+‘<br/>‘); //number
document.write(typeof(myVar5)+‘<br/>‘); //string
document.write(typeof(myVar6)+‘<br/>‘); //boolean
document.write(typeof(myVar7)+‘<br/>‘); //object
document.write(typeof(myVar8)+‘<br/>‘); //object
document.write(typeof(myVar9)+‘<br/>‘); //object
document.write(typeof(myVar10)+‘<br/>‘);//undefined
document.write(typeof(myVar11)+‘<br/>‘);//function
document.write(typeof(myVar12)+‘<br/>‘);//function
document.write(typeof(myVar13)+‘<br/>‘);//object
document.write(typeof(myVar14)+‘<br/>‘);//object

var myVar15 = abc;
document.write(typeof(myVar15)+‘<br/>‘);//Uncaught ReferenceError: abc is not defined

不妨亲自尝试一下,你会发现大不同,尤其是最后一个。

时间: 2024-10-05 04:00:48

JavaScript学习笔记——语法基础1.1的相关文章

JavaScript学习笔记——语法基础1.2

一.数组 1.通常情况下,一个变量只能有一个值,若想拥有多个值,就需要使用数组,换句话来说,数组是一个特殊的容器,它可以根据需求存放一个或者多个值.2.数组可以用关键字Array来声明,声明的同时,可以设定它的长度length. var myArray = Array(3); document.write(myArray.length); //输出3 3.我们可以在声明数组的同时对它进行填充,也可以在声明之后进行填充,当然,我们需要对新填充的值指定存放位置,需要注意下标是从0开始计数的. Jav

JavaScript学习笔记——语法基础1.4

一.函数 函数对于任何一种编程语言都是非常核心的概念,它的便利之处在于,我们可以通过函数名的随时调用( 如:functionName() ),就可以执行花括号中的语句,这样就可以实现你的想法.换一种说法,函数就像是哈利波特的通关密语,哈利波特只需要念一句正确的通关密语,就可以打开密室的大门,密语就像是函数,哈利波特在念它的时候就像是在调用这个函数,这个函数的作用同时也是哈利波特的目的就是打开密室的大门. 1.定义函数的语法: function functionName (arguments){

JavaScript学习笔记——语法基础1.3

一.操作符 操作符是用来操作数据值的,它包含很多种,通过code我们可以了解它们的特性. 1.算数操作符 算数操作符包括加.减.乘.除四类操作符,除此之外,还有一些比较特殊的存在. var a = 1; var b = 2; var c = a + b; var d = b - a; var e = a * b; var f = b / a; document.write(c + '<br/>'); // 3 document.write(d + '<br/>'); // 1 do

JavaScript学习笔记——DOM基础 2.1

一.DOM 1.DOM的基本概念 DOM是Document Object Model的缩写,意思是文本对象模型,也就是说,如果没有Document,DOM也就无从谈起.我们可以把创建的网页当作是一个Document对象. JavaScript的对象可以分为三种类型:由用户自定义的对象,由JavaScript本身提供的内建对象,以及由浏览器提供的宿主对象. 顺便提一下BOM(Browser Object Model)和WOM(Window Object Model),其实这两个说的是一种东西,但大

JavaScript学习笔记——1.基础知识

1.在html中使用js <script>do something</script> <script src="test.js"></script> <a href="javascript:do something">Link</a> <button onclick="do something">Button</button> PS:一个html文件中

JavaScript学习笔记——DOM基础 2.6

一.CSS-DOM 1.清楚一个概念 HTML负责的是结构,CSS负责的是样式,JavaScript负责的是动作(行为). 2.style属性 语法:element.style 返回:object style相对于element是一个属性,而style本身是一个对象,它包含了诸多元素的样式. 关于这一点,可以根据后面的例子去理解. 3.获取样式 例子:element.style.fontFamily 返回:style对应属性的值,如fontFamily,返回“Microsoft yahei” 注

JavaScript学习笔记——DOM基础 2.5

一.document.write方法 document对象write()方法,常用来向网页中输出字符串,圆括号中可以是要输出的字符串, document.write('这是我的个人博客'); 也可以是字符串变量, var myText = '这是我的个人博客'; document.write(myText); 还有一种,就是通过字符串和变量组合的方式进行输出. var myText = '这是我的'; document.write(myText + '个人博客'); document.write

JavaScript学习笔记——动画基础 3.1

一.对象的位置 通过JavaScript让对象动起来,首先应该先确定它的初始位置,可以通过外部CSS或者在执行体内设置,紧接着,通过JavaScript的触发事件来改变它的初始位置,从而形成一个动的效果. <!doctype html> <html> <head> <meta charset="utf-8"> <title>筱雨生 - 博客园</title> <style> body{ font-fam

JavaScript学习笔记——对象基础

javascript对象基础 一.名词解释: 1.基于对象 一切皆对象,以对象的概念来编程. 2.面向对象编程(oop Object oriented programming) A.对象 就是人们要研究的任何事物,不仅能表示具体事物,还能表示抽象的规则,计划或事件. 属性的无序集合,每个属性可以存一个值(原始值,对象,函数) B.对象的属性和行为 属性:用数据值来描述他的状态 行为:用来改变对象行为的方法 C.类 具有相同或相似的性质的对象的抽象就是类.对象的抽象,就是类,类的具体化(实例化)