JavaScript语言核心数据类型和变量使用介绍_基础知识

任何的编程语言都有自己的语言核心,和众多编程语言一样,JavaScript也有自己语言的核心。语言的核心部分一般被称之为JavaScript最为基础的部分。正所谓万事开头难,学习JavaScript也是一个道理,也有句古话说得好,好的开始是成功的一半。了解并学好JavaScript的语言核心部分是JavaScript学习道路上非常良好的开始。

下面是一段代码,主要介绍了JavaScript的数据类型和变量:

复制代码 代码如下:

//在script标签中,所有//后面的内容都称之为注释
//注释的作用一般都是为一段JavaScript进行一些解释,让其他Web前端开发工程师或者是阅读这段代码的时候更加清楚明了

//变量是一个值的符号名字,通过这些变量的名字,我们也能够大体的知道这个变量是干什么用的,属于是什么变量类型
//区别变量很简单。变量的前面都有“var” ,也就是说变量是通过“var”进行声明的。

var m; //声明一个变量m

//一般我们把要声明的值用等号赋给变量
var m = 10; //现在的变量m等于 10

m //通过 变量 m 来获取刚才声明的值

//alert(m) //利用alert()函数,在浏览器出弹出m的值

//JavaScript的数据类型:布尔值,数字,字符串,underfind,函数,数组,对象

var n = 1; //数字
n = 0.01 //整数和实数都是数字类型

var s = "你好"; //由双引号内的文本构成的字符串
s = '国安'; //由单引号内的文本构成的字符串

var b = false; //错误的布尔值
b = true; //正确的布尔值

var z = null; //一个null的空值,是一个特殊的类型,typeof后是对象

var u; //underfind

var j = { //一个代表json的对象
li :3, //属性“li”的值是3
meng :4 //属性“meng”的值是4
}

j["li"] //通过[]访问json中的值
j.li //通过.访问json中的值
j.long = 5 //通过赋值的方法创建新的属性
j.ai = { //通过赋值可以创建新的json
xin : 33
}
j.kong = {} //{}代表空对象,它没有属性

j.ai.xin //通过.访问新的json中的属性

var a = [2,3,2] //一个代表数组的对象

a[0] //数组中[]代表[]中数字代表位置,数组从0开始,所以a[0]是数组的第一个元素
a.length //length代表数组a的个数,3
a[a.length-1] //代表数组中的最后一个元素
a[9] = 2; //用赋值的方法添加新的元素

//若a = [],那么代表数组里的元素为零个,a.length = 0

a[0] = {
li : 333
}

//json中能包含数组,数组中也能包含json

//alert(a[0]["li"])

上面的代码中,可以通过“[]”、“{}”、“.”定义对象,也可以通过“[]”、“{}”、“.”开更改数组或者对象中的内容。也可以通过“[]”、“{}”、“.”来读取对象中的一些数据。下面一组代码是有关运算符的:

复制代码 代码如下:

//JavaScript中可以运用预算符,进行两个数之间的运算,可以产生新的值
//下面是比较常见的一些预算符,如"+"、"-"、"*"、"/"

//1、介绍运算符
10 + 10 //加法,20
10 * 10 //乘法,100
10 - 10 //减法,0
10 /10 //除法,1

var j = { //一个代表json的对象
li :3, //属性“li”的值是3
meng :4 //属性“meng”的值是4
}

j["li"] - j.meng //json j中的属性li 减去 json j中的属性meng ,结果是-1

"10" + "10" //加法可以进行字符串的拼接,结果是100

//2、JavaScript中定义了一些简写的运算符

var num = 0 //定义一个数字

num++; //代表自增,num = num + 1;
num--; //代表自减,相当于 num = num - 1;
num += 2; //代表自增2 ,相当于num = num + 2;
num *= 8; //代表自称8 ,相当于num = num * 8;

//3、运算符进行判断

var a = 1,b = 2; //一个等号代表复制,两个变量之间用","隔开,代表同时声明

a == b; //结果是false 意思是a和b是相等吗
a != b; //结果是true 意思是a和b不相等吗
a < b; //结果是true 意思是a小于b吗
a <= b; //结果是true 意思是a小于或者等于b吗
a > b; //结果是false 意思是a大于b吗
a >= b; //结果是false 意思是a大于或者等于b吗
"two" == "three"; //true "tw"在字母表中的索引大于"th"
false > (a > b) //结果是true 意思是false和false进行比较

//4、逻辑运算符

(a == 2) && (b == 3) //结果是true。a是等于2 并且 b是等于3 的吗 。&&代表并且的意思
a > 2 || b > 2 //结果true ,第一个是false,第二个是true,由于 || 代表或的意思
!(a == b) //结果是true 。! 是 求反 的意思

运算符中,仅仅算出个值并不影响任何操作的都叫做表达式,并不改变程序的运行状态。而语句是不包含一个值,但是它改变运行状态。语句由于改变运行状态,所以后面加分号。

每个函数都有自己的名字,通过名字可以调用执行某一个函数,可以定义一次,调用多次。下面是简单的函数小例子。

复制代码 代码如下:

//1、函数是一段带有参数的JavaScript代码端,可以一次定义,多次调用,也可以带有参数

var a = 3; //声明一个值为3的变量a;

function fn1 (n) { //一个参数为n名为fn1的函数
return n+1; //返回一个比传入的值大一的值
}

fn1(a) //结果是4,由于刚才声明的a的值为3,所以调用函数时候,执行 a+1 也就是3+1

var fOne = function(m) { //函数也是一种数据类型,所以也可以把变量赋值成一个函数
return m*m; //返回一个数值,进行 参数 * 参数 的运算
}

fOne(a) //结果是 9

//2、方法,把函数赋值给变量的属性

var arr = []; //创建一个新数组
arr.push(1,2,3); //用push()方法向arr数组里从后添加元素
arr.reverse(); //用reverse()方法将数组中的元素顺序反转

var points = [ //声明一个元素中是json的数组
{a : 0,b : 0},
{a : 1,b : 1}
]
points.dist = function () { //在声明的数组中定义一种计算两点之间距离的方法

var p1 = this[0]; //用this获取当前数组的引用
var p2 = this[1]; //并且赋值给两个新的变量
var a = p2.a - p1.a; //x轴上的距离
var b = p2.b - p1.b; //y轴上的距离

return Math.sqrt(a*a + b*b) //用Math()中的sqrt()计算平方根从而得到两点之间的距离

}

alert(points.dist()) //结果是1.414

//3、控制语句
//条件语句和循环语句被称之为控制语句

function abs (m) { //求绝对值函数

if (m >= 0) { //如果比较结果为true
return m; //返回 m
}else { //若比较结果为false
return -m; //返回 -m
}

}

function factorial (n) { //计算阶乘的函数

var num = 1; //声明一个值为1的变量

while (n > 1) { //当()内的表达式为true时候,执行循环{}内的代码

num *= n; //相当于 num = num * n
n--; //相当于 n = n -1

}

return num //返回阶乘的结果

}

factorial(4) //结果是24

function factorialFor (n) { //用for循环实现阶乘
var i, num = 1; //声明变量i,并且声明值为1的变量num

for (i=2; i <= n ; i++) { //将i从2循环到n
num *= i; //循环体,当循环体中只有一句话的时候可以省略{}
}

return num; //返回计算好的阶乘表

}

factorialFor(5)

.从函数例子中可以看出,不管是while循环还是for循环,不管是判断语句还是循环语句,都算得上是控制语句。通过一定的条件控制将要发生的事情。

  介绍完函数,接下来介绍简单介绍一下面向对象。

复制代码 代码如下:

//定义一个构造函数,就是先创造一个初始化的对象

function Point (x,y) { //构造函数名的第一个字母要大写
this.x = x; //this代表的就是这个初始化对象
this.y = y; //将函数的参数存到这个初始化对象的属性中
} //构造函数中不需要返回,return什么东西

//使用new关键字,和构造函数,创建一个新的对象
var p = new Point(1,1); //创建一个平面坐标为(1,1)的点

//通过给构造函数原型赋值,来给Point新创建的对象添加方法
Point.prototype.r = function () {

return Math.sqrt(
this.x*this.x + this.y*this.y
); //利用Math中的sqrt()方法进行开平方根运算。this指代的是调用方法的对象

}

p.r() //结果是1.414

上面的例子是教大家如何定义一个有求平方根方法的点。JavaScript的面向对象和其他编程语言的面向对象有一些区别。具体的区别呢,我们只能继续往下研究,才能知道。

时间: 2024-12-30 23:20:53

JavaScript语言核心数据类型和变量使用介绍_基础知识的相关文章

javascript编码的几个方法详细介绍_基础知识

escape定义和用法 escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串. 参数 描述 string 必需.要被转义或编码的字符串.   返回值 已编码的 string 的副本.其中某些字符被替换成了十六进制的转义序列. 说明 该方法不会对 ASCII 字母和数字进行编码,也不会对下面这些 ASCII 标点符号进行编码: * @ - _ + . / .其他所有的字符都会被转义序列替换. 提示和注释 提示:可以使用 unescape() 对 escape() 编码的

JavaScript中的运算符种类及其规则介绍_基础知识

JavaScript中的运算符有很多,主要分为算术运算符,等同全同运算符,比较运算符,字符串运算符,逻辑运算符,赋值运算符等.这些运算符都有一些属于自己的运算规则,下面就为大家介绍一下JavaScript中的运算符. 一.JavaScript运算符的种类 1.算术运算符:+ . - .* . / . % . -(一元取反) . ++ . -- 2.等同全同运算符:== . ===. !== . !=== 3.比较运算符:< . > . <= . >= 4.字符串运算符:< .

JavaScript的strict模式与with关键字介绍_基础知识

2009年12月,ECMAScript发布了ECMAScript 5,这距离上一个版本的ECMAScript 3标准发布已经整整十年了,其间JavaScript虽然大行于web编程,ECMAScript 4却最终因为利益相关的各大厂商和组织在此语言的复杂性(即是否增加大量特性以扩展ECMAScript的功能)上的分歧而夭折,使得ECMAScript新标准的制订大大落后于编程的实践.ECMAScript 5在目标上没有那么雄心勃勃,除去新增了对JSON的支持和反射的更全面的控制,一项重要改进就是引

浅谈javascript:两种注释,声明变量,定义函数_基础知识

javascript:单行注释用//呵呵呵呵:多行注释用/*hdhdhdh*/ javascript中区别大小写,定义变量使用关键字var,语法如下:var 变量名,其中变量从编程角度讲,变量是用于存储某种/某些数值的存储器. javascript函数调用:

JavaScript中的分号插入机制详细介绍_基础知识

仅在}之前.一个或多个换行之后和程序输入的结尾被插入 也就是说你只能在一行.一个代码块和一段程序结束的地方省略分号. 也就是说你可以写如下代码 复制代码 代码如下: function square(x) {     var n = +x     return n * n } 但是却不可以写的像下面代码一样,这样就报错了哦 复制代码 代码如下: function area(r) {    r = +r    return Math.PI*r*r }//error 仅在随后的输入标记不能解析时插入

javascript学习笔记(三) String 字符串类型介绍_基础知识

1.字符方法charAt() .charCodeAt().fromCharCode() 复制代码 代码如下: var stringValue = "hello world"; alert(stringValue.charAt(1)); //"e" alert(stringValue[1]); //"e" alert(stringValue.charCodeAt(1)); //101 alert(String.fromCharCode(104,10

javascript学习笔记(十二) RegExp类型介绍_基础知识

1.匹配模式标记: g ------ 表示全局模式,而不是发现第一个匹配成功就立刻结束 i ------- 表示不区分大小写模式 m ----- 表示多行匹配,一行结束时向下一行继续匹配 复制代码 代码如下: //匹配第一个bat 或cat,不区分大小写 var pattern1 = /[bc]at/i var pattern2 = new RegExp("[bc]at","i"); //同上 使用RegEXp是字面量模式要转换成字符串 /\[bc\]at/ ===

javascript学习笔记(五) Array 数组类型介绍_基础知识

数组的创建 第一种: 复制代码 代码如下: var colors = new Array(); var colors = new Array(20);//创建包含20项的数组 var colors = new Array("Greg");//创建包含1项,即字符串"Greg"的数组 var colors = new Array("red","blue","green"); //创建包含3项 第二种: 复制代

javascript的数据类型、字面量、变量介绍_基础知识

数据类型: 1.数值型(整型int 浮点型floating) 2.字符串类型(string) 3.布尔型(只有两个值:ture fasle) 字符串字面量 1.转义系列: 在javascript中一些符号是辨别不出来的,只有转义之后正确显示出来.如: \' 单引号 \" 双引号 \n 换行符 \r 回车符 \\ 反斜杠 转义实例: 复制代码 代码如下: <script type="text/javascript"> document.write("hel