JavaScript基础知识

33 篇文章 0 订阅
4 篇文章 0 订阅

JavaScript:(简称JS)
1、它是一种轻量级的变程语言,是属于web的语言,也是脚本语言;
2、它可以插入HTML页面,进行编程;
3、所有的现代浏览器都支持它。
JavaScript和Java的区别:
1、JavaScript是脚本语言,直接插入网页,由浏览器边解释边执行;
2、java是面向对象语言,必须在虚拟机上运行,源代码在执行前,必须经过编译;
3、JavaScript 与Java是两个公司开发的不同的两个产品。
用法:

1、在HTML页面中插入JavaScript,必需使用<script>标签,脚本放在<script>和</script>之间;
例:<script>
		alert("我的第一个 JavaScript");
	</script>
2、<script>可放在HTML页面的<body>或<head>之中;
3、脚本放在外部文件中时,不能包含<script>标签;
4、使用外部脚本时,需在<script>标签的"src"属性中设置.js文件;
例:<script src="myScript.js"></script>

输出:

1、window.alert()	弹出警告框;
2、document.write()	将内容写到HTML文档中;
3、innerHTML			写入HTML元素
4、console.log()		写入到浏览器的控制台
例:
<body>
	<p id="p1">中华好诗词</p>
</body>
<script>
	window.alert("你是谁?");
	document.write(Date());
	document.getElementById("p1").innerHTML="中华好诗词第五季";
	console.log("啦啦啦‘);
</script>

变量:
在JavaScript中声明变量,使用关键词var来实现。

数据类型:

基本类型:
1、字符串(String) 例:var nmae="白小纯";
2、数字(Number)	   例:var a=0.618;var b=24;
3、布尔(Boolean)	   例:var a=true;var b=false;
4、对空(Null)     例:name=null;通过将值设为null,清空变量
5、未定义(Undefined)表示变量不含有值
6、Symbol(Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值。)

引用数据类型:
1、对象(Object)
例:var user={name:"叶凡",age:24};
	name=user.name;
	age=user.age;
2、数组(Array)
例:var arr=new Array("a","b","c");
3、函数(Function)

typeof 操作符: 用 来检测变量的数据类型;
undefined 和 null 的区别: null 和 undefined 的值相等,但类型不等

typeof undefined             // undefined
typeof null                  // object(用 typeof 检测 null 返回是object)
null === undefined           // false
null == undefined            // true

类型转换:
1、NaN 的数据类型是: number
2、数组(Array)的数据类型是: object
3、日期(Date)的数据类型为:object
4、null 的数据类型是: object
5、未定义变量的数据类型为: undefined

数字——字符串:
String(a):         
	String(6)       
	String(6 + 24)
b.toString():
	(7).toString()
	(3+5).toString()

布尔——字符串:
String():
	String(false)        // 返回 "false"
	String(true)         // 返回 "true"
toString():
	false.toString()     // 返回 "false"
	true.toString()      // 返回 "true"

日期——字符串:
Date() //返回字符串
String():
	String(new Date())  //返回字符串
toString():
	obj = new Date()
	obj.toString()  //返回字符串

字符串——数字:
Number() :
	Number("6.18")    // 返回 6.18
	Number(" ")       // 返回 0 
	Number("")        // 返回 0
	Number("9 9")   // 返回 NaN
一元运算符+:
	var y = "5";      
	var x = + y;

布尔——数字:
 Number():
 	Number(false)     // 返回 0
	Number(true)      // 返回 1

日期——数字:
Number():
	d = new Date();
	Number(d);   
getTime():
	d = new Date();
	d.getTime();

自动类型转换:
JavaScript 操作一个错误的数据类型时,会自动转换为正确的数据类型。
例:
6 + null    // 返回 6         null 转换为 0
"6" + null  // 返回"6null"    null 转换为 "null"
"6" + 1     // 返回 "61"      1 转换为 "1"  
"6" - 1     // 返回 5         "6" 转换为 6
   

运算符:
运算符 = 用于赋值
运算符 + 用于加值

1、算术运算符:
+  加法  	-减法    *乘法    /除法    %取余   ++自增    --自减
2、赋值运算符:
=    +=   -=   *=   /=   %=
3、比较运算符:
== 等于    ===绝对等于(值和类型均相等)      
!=不等于      !==不绝对等于(值和类型有一个不相等,或两个都不相等)
>大于     <小于      >=大于或等于    <=小于或等于
4、逻辑运算符:
&&与     ||或     !非
5、条件运算符:
variablename=(condition)?value1:value2 
例:condition为true则,值为value1,否则为value2

函数:
JavaScript 使用关键字 function 定义函数,可以通过声明定义,也可以是一个表达式。

声明定义:
function  fun(){
	代码
}
表达式:
var  a=function(){
	代码
}

例:function fun(a, b) {
    return a * b;
}
var x = function (a, b) {return a * b};

函数提升:
JavaScript 默认将当前作用域提升到前面去的的行为

例:
myFun(5);
function myFun(n) {
    return n*n;
}

自调用函数:
可自调用:函数表达式、自调用表达式
不可自调用:声明的函数

例:
//表达式后面紧跟 () ,则会自动调用
//通过添加括号,来说明它是一个函数表达式
(function () {
    var x = "Hello!!";      // 我将调用自己
})();

函数是对象:
JavaScript 函数有属性和方法

例:
function myFun(a, b) {
    return arguments.length;
    //arguments.length 属性返回函数调用过程接收到的参数个数
}

function myFun(a, b) {
    return a * b;
}
var txt = myFun.toString();
//toString() 方法将函数作为一个字符串返回

箭头函数:
多个参数

(参数1, 参数2, …, 参数N) => { 函数声明 }
(参数1, 参数2, …, 参数N) => 表达式(单一)
// 相当于:(参数1, 参数2, …, 参数N) =>{ return 表达式; }
var a = function(m,n){
	return m*n;
}
const a = (m,n)=> m * n;

单个参数

(单一参数) => {函数声明}
单一参数 => {函数声明}

没有参数

() => {函数声明}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值