js基础知识点总结

js基础知识点总结

js,也就是JavaScript,是一门web编程语言,大多数线代的HTML页面都会用到js,它可以使得HTML变得更加酷炫,因而受到了广大程序员的欢迎!现在我们一起来复习一下js的基础知识点吧。

如何定义js变量

js的变量类型只有var一种,他囊括了java的int、double、boolean等各种基本数据类型,同时也包括各种引用数据类型(String、自定义的类等),因而我们一般可以不用担心js出现类型错误。

var i = 123;
alert(i);

js的基本运算

js的基本运算(+,-,*,/,%)、逻辑运算(&,&&,|,||,!)、比较运算(>,<,>=,<=,!=)等与java类似,此处不再赘述。需要注意的地方如下:

  1. “==”:会自动转换数据类型后进行比较,但往往会产生意料之外的结果,因此在js中不推荐使用;
  2. “===”:不会自动转换数据类型,其会先比较数据类型,如果数据类型不一致则放回false;一致就继续比较。
false==0;   //true
false===0;  //false
  1. null:表示一个空的值,与0和“”不同:0表示数值0,“”表示一个空的字符串,而null就是真的什么也没有,就跟我的钱包装的东西一样o(╥﹏╥)o
  2. undefined:表示未定义,与null有明显的区别,null是定义未赋值,而undefined是在代码中根本就没有定义、出现过(母胎solo的对象就是undefined)

数组与对象

js的数组定义比较简单,而且没有长度的限制,可以随便增加;同时,由于js是动态语言(变量本身的类型不固定,这在上文变量的声明中已经体现出来了),所以呢可以看到js的一个数组中可以同时存在多种不同类型的变量而不会报错。数组的其他操作与java类似,如可以使用索引来访问数组元素等。

var list = [1, 'test', false];
var arr = new array(1,2,3);
alert(list[1])//输出test

js的对象是由键值对的形式所组织的无序集合,可以直接同时对象变量.属性名的方式来获取对象的属性。

var Student = {
	name:"js",
	id:"123",
	slogan:"程序员不秃头"
};
alert(Studnet.slogan)//程序员不秃头
alert(Student["name"])//js

需要注意的是,js的对象可以动态的添加属性,而不必在定义对象的时候全部添加完。

字符串

js的字符串不区分’‘和"",但为了方便以及遵从java的习惯,我一般都是使用""来表示字符串,’'来表示字符,当然你可以按照你自己的习惯来,这并不会报错。

var str1 = "我是字符串";
var str2 = '我也可以是字符串';

js也支持使用多行字符串(用反引号``表示),这样可以避免使用\n,代码看起来更加清晰明了。反引号在键盘的ESC按钮下方,跟~在一起(至少我的键盘是这样的)。

var str = `
	锄禾日当午,
	汗滴禾下土。
	谁知盘中餐,
	粒粒皆辛苦。
`

对字符串的拼接用烦了+?别担心,js为你提供了模板字符串,它将会自动替换字符串中的的变量。想知道怎么使用?看下去()

var name = "李华";
var str = "过不了四级";
alert(`${name}一直跟外国友人写信,但${str}`);

其他操作字符串的方法与java类似,此处不再赘述。

函数的使用

函数,也就是方法(对象里面称为方法),由函数定义关键字function,函数名称,函数参数以及函数体组成,当函数体有返回语句return的时候将会返回结果,没有返回语句将会返回undefined。js的两种函数定义方式如下:

function doSomething1(){
	alert("我是一个简单的函数");
};

var doSomething2 = function(){
	alert("我也是一个简单的函数");
};

js的函数调用对参数个数要求不严格,你可以传入比参数少的或者多的参数,这并不会报错,因为它的按照顺序进行赋值,少的就赋默认值,多的直接不理。利用arguments关键字可以获得函数调用者传入的所有参数(这类似于将参数打包成为一个列表,供我们查看)

function test(){
	for(var i=0; i<arguments.length; i++){
		alert(arguments[i]);
	}
}

test(1,2,3);//输出1,2,3

当在对象里面定义函数时(准确的说应该是方法)可以使用this关键字在指向当前对象,方便的使用该对象的变量。但应该注意的是,在js中this关键字有可能会指向全局变量window(此时将会导致奇奇怪怪的结果)。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值