js基础学习01

学习环境

windows系统、webStorm软件

JavaScript

简称JS,
是一门脚本语言(不需要编译,直接执行),
是一门解释性的语言(一行一行解释及运行),
是一门动态类型的语言,是一门基于对象的语言,
是一门弱类型的语言
强类型(C#、C,类型声明时明确数据类型)
JS分三个部分:
	1.ECMAScript标准:JS的基本语法
	2.DOM
	3.BOM

页面应该有什么代码?

html--展示内容,css--美化页面,js--控制页面

js代码书写位置

head、body标签内或html代码的最下方或内嵌于标签中。默认写于body标签内容底部(html页面加载-从上到下)。script标签包裹,若连接外部js,则标签内不可再有代码。
html页面可以有多个script标签,且互不影响。

变量

声明 -(var name) 初始化(var name=“jack”)
命名规范
1.有意义
2.字母、下划线或$开头,中间可有数字
3.一般小写(js区分大小写)
4.命名方式---驼峰命名法
5.不能使用关键字(var、break、 )
输出
alert()     			//弹框
console.log()	//把内容输出在浏览器的控制台中 键盘F12键
变量值的交换
var number1 = 10; 
var number2 = 100;
-------------------------------------
var temp = number1;			
number1 = number2;
number2 = number1; 					//借助第三方变量进行交换
-------------------------------------
number1 = number1 + number2;
number2 = number1 - number2;
number1 = number1 - number2;		//适用于数字的交换
------------------------------------		//拓展
number1 = number1 ^ number2;
number2 = number1 ^ number2;
number1 = number1 ^ number2;		//位运算
webstorm 格式化代码
ctrl+alt+L (前提代码没有问题)
注释 — 解释代码的含义,方便其他程序员理解代码
1.单行注释		//
2.多行注释		/* */、/** */

数据类型(number、string、boolean、null、undefined、object)

变量声明了,但没有赋值,该变量类型			------undefined
函数没有明确返回值,如果接收了,结果是--------undefined
undefined + 数字 =	NaN(not a number)					-----null
当 var num = null 时,num的类型为object 
不要小数去验证小数!!!
不要用NaN去验证NaN
Number
获取数据类型 typeof()
typeof(变量名) 
typeof 变量名
进制(二、0 八、十、0X 十六)
数字类型范围
console.log(Number.MAX_VALUE);
console.log(Number.MIN_VALUE);
验证NaN
console.log(isNaN(变量));
string
获取字符个数
var str = "asfcsfn";
console.log(str.length);
转义符 \

转义符

字符串的拼接
var str1 = "123";
var str2 = "456";
console.log(str1 + str2);   ------>123456
---------------------------------------------------
var str3 = 10;
console.log(str1 + str3);  ------>12310
console.log(str1 - str3);  ------>113		隐式转换
boolean (true、false/ 1、0)
null (var a = null;)
类型转换
其它---->数字		
	parseInt()
	parseFloat()
	Number()	//严格
其它---->字符串
	.toString()	//如果变量有意义
	String()	//如果变量没有意义
其它---->boolean
	Boolean();	

操作符

算数运算符
	一元运算符(++、--) --只需要一个操作数就可以运算的符号
		前+、后+,前-、后-
		前,在表达式运算前计算,作用于当前的表达式
		后,在表达式运算后计算,作用于当前表达式之后
	二元运算符(+、-、*、/、//、%)
	三元运算符(?:)
复合运算符
+= 、-=、*=、/=
关系运算符
>、<、>=、<=、==、===(严格)、!=、!==
逻辑运算符
&&、||、!

猜你喜欢

转载自blog.csdn.net/weixin_42966943/article/details/87921902