概述
变量的声明
使用 var 关键字进行变量的声明，声明的同时也可以进行赋值。变量的声明只能有一次，但赋值可以有多次。如果只声明变量，但是变量没有被赋值，此时变量的值为 undefined。
样例代码：
var variable_name1 = 5;
var variable_name2 = 5.3;
var variable_name3 = false;
var variable_name4 = 'zhangsan';
变量的作用域
java：
if(true) {
int a = 1;
}
System.out.println(a); // 编译错误，超出作用域
javascript：
if(true){
var a = 1;
}
console.log(a); // 输出1 ，JavaScript没有块级作用域
基本数据类型
Number 类型
String 类型
Boolean 类型
Undefined 类型
Null 类型
三大引用类型
Object 类型
我们看到的大多数类型值都是 Object 类型的实例，创建 Object 实例的方式有两种。
var person = new Object();
person.name = "Micheal";
person.age = 24;
var person = {
name : "Micheal",
age : 24
};
alert(person.name);
Array 类型
创建数组的基本方式有两种
var colors = new Array("red","blue","yellow");
var colors = ["red","blue","yellow"];
Function 类型
function sum(num1,num2){
return num1 + num2;
};
var sum = function (num1,num2){
return num1 + num2;
};
var result = sum(5,8); alert(result);
typeof 操作符
由于 js 中的变量是弱类型的，所以它提供了一种检测当前变量的数据类型的方法，也就是 typeof 关键字。
typeof 123 //Number
typeof 'abc' //String
typeof true //Boolean
typeof undefined //Undefined
typeof null //Object
typeof { } //Object
typeof [ ] //Object
js 编写的位置
样例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--可以将JS代码编写到script标签中-->
<!--<script type="text/javascript">
alert("hello");
</script>-->
<!--
还可以将JS代码编写到外部的js文件中，然后通过script标签来引入外部的文件
将JS代码编写到外部文件中，可以在不同的页面中引入相同的JS代码，
方便后期的维护，并且写在外部文件中可以使用浏览器的缓存，加快访问速度提高用户体验
如果使用script来引入外部文件，则它就不能在编写任何的JS代码了 ，
如果还需要编写则需要创建一个新的script标签
-->
<script type="text/javascript" src="js/script.js"></script>
<script type="text/javascript">
alert("我是内部的JS代码");
</script>
</head>
<body>
<!--
将JS代码编写到标签的属性中，属于结构与行为耦合，不方便后期的维护，不推荐使用
-->
<!--
可以将JS代码编写到标签的指定属性中
-->
<button onclick="alert('点完的效果');">点这里</button>
<!--
可以将JS代码编写到超链接的href中
-->
<a href="javascript:alert('第二个效果');">再点这里</a>
<br /><br />
</body>
</html>
效果动态图：
js 的三种输出方式
/*
控制浏览器弹出一个提示框
*/
alert("Hello JavaScript");
/*
控制浏览器在页面中输出一个内容
document.write()向body中写一个内容
*/
document.write("牛哄哄的柯南");
/*
向控制台输出一个内容
*/
console.log("Keafmd");
样例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
/*
控制浏览器弹出一个提示框
*/
alert("Hello JavaScript");
/*
控制浏览器在页面中输出一个内容
document.write()向body中写一个内容
*/
document.write("牛哄哄的柯南");
/*
向控制台输出一个内容
*/
console.log("Keafmd");
</script>
</body>
</html>
效果截图：
写作不易，如果看完对你有帮助，感谢点赞支持！
如果你是电脑端，看见右下角的 “一键三连” 了吗，没错点它 [哈哈]
加油！
共同努力！
Keafmd
常见问题FAQ
- 免费下载或者VIP会员专享资源能否直接商用？
- 本站所有资源版权均属于原作者所有，这里所提供资源均只能用于参考学习用，请勿直接商用。若由于商用引起版权纠纷，一切责任均由使用者承担。更多说明请参考 VIP介绍。
- 提示下载完但解压或打开不了？
- 找不到素材资源介绍文章里的示例图片？
- 模板不会安装或需要功能定制以及二次开发？
发表评论
还没有评论，快来抢沙发吧！