JavaScript语言核心数据类型和变量使用介绍


Posted in Javascript onAugust 23, 2013

任何的编程语言都有自己的语言核心,和众多编程语言一样,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的面向对象和其他编程语言的面向对象有一些区别。具体的区别呢,我们只能继续往下研究,才能知道。
Javascript 相关文章推荐
求得div 下 img的src地址的js代码
Feb 28 Javascript
把html页面的部分内容保存成新的html文件的jquery代码
Nov 12 Javascript
jquery下实现overlay遮罩层代码
Aug 25 Javascript
JavaScript+CSS控制打印格式示例介绍
Jan 07 Javascript
js重写alert控件(适合学习js的新手朋友)
Aug 24 Javascript
jquery判断复选框选中状态以及区分attr和prop
Dec 18 Javascript
javascript 用函数实现继承详解
May 28 Javascript
vue的基本用法与常见指令
Aug 15 Javascript
vue通过路由实现页面刷新的方法
Jan 25 Javascript
vue 之 .sync 修饰符示例详解
Apr 21 Javascript
详解element-ui级联菜单(城市三级联动菜单)和回显问题
Oct 02 Javascript
vue+element导航栏高亮显示的解决方式
Nov 12 Javascript
Javascript表格翻页效果实现思路及代码
Aug 23 #Javascript
jquery $.each() 使用小探
Aug 23 #Javascript
js 时间函数应用加、减、比较、格式转换的示例代码
Aug 23 #Javascript
checkbox使用示例
Aug 23 #Javascript
js为数字添加逗号并格式化数字的代码
Aug 23 #Javascript
Jquery Validate 正则表达式实用验证代码大全
Aug 23 #Javascript
JS获取地址栏参数的小例子
Aug 23 #Javascript
You might like
php生成excel列序号代码实例
2013/12/24 PHP
PHP连接及操作PostgreSQL数据库的方法详解
2019/01/30 PHP
贴一个在Mozilla中常用的Javascript代码
2007/01/09 Javascript
细说浏览器特性检测(2)-通用事件检测
2010/11/05 Javascript
解析URI与URL之间的区别与联系
2013/11/22 Javascript
浅析JavaScript中的隐式类型转换
2013/12/05 Javascript
js对table的td进行相同内容合并示例详解
2013/12/27 Javascript
jquery制作select列表双向选择示例代码
2014/09/02 Javascript
angularjs指令中的compile与link函数详解
2014/12/06 Javascript
基于JavaScript操作DOM常用的API小结
2015/12/01 Javascript
BootStrap框架个人总结(bootstrap框架、导航条、下拉菜单、轮播广告carousel、栅格系统布局、标签页tabs、模态框、菜单定位)
2016/12/01 Javascript
js实现图片懒加载效果
2017/07/17 Javascript
JavaScript实现打印星型金字塔功能实例分析
2017/09/27 Javascript
vue使用recorder.js实现录音功能
2019/11/22 Javascript
VUE动态生成word的实现
2020/07/26 Javascript
[38:54]完美世界DOTA2联赛PWL S2 Rebirth vs LBZS 第一场 11.28
2020/12/01 DOTA
python的三目运算符和not in运算符使用示例
2014/03/03 Python
在Python的Django框架的视图中使用Session的方法
2015/07/23 Python
详解Python中for循环是如何工作的
2017/06/30 Python
Python爬虫番外篇之Cookie和Session详解
2017/12/27 Python
python中cPickle类使用方法详解
2018/08/27 Python
Python之时间和日期使用小结
2019/02/14 Python
python3编写ThinkPHP命令执行Getshell的方法
2019/02/26 Python
解决Python内层for循环如何break出外层的循环的问题
2019/06/24 Python
Django模板语言 Tags使用详解
2019/09/09 Python
Python3中configparser模块读写ini文件并解析配置的用法详解
2020/02/18 Python
scrapy处理python爬虫调度详解
2020/11/23 Python
详解Python遍历列表时删除元素的正确做法
2021/01/07 Python
为有想象力的人提供的生活方式商店:Firebox
2018/06/04 全球购物
瑞典廉价机票预订网站:Seat24
2018/06/19 全球购物
英国女鞋购物网站:Moda in Pelle
2019/02/18 全球购物
奢华时尚的创新平台:Baltini
2020/10/03 全球购物
保安员岗位职责
2013/11/17 职场文书
经典婚礼主持开场白
2014/03/13 职场文书
暑期培训班招生方案
2014/08/26 职场文书
部队个人年终总结
2015/03/02 职场文书