Day5_HTML+CSS+JS——JS变量（重点：静态创建对象）-CSDN博客

本文链接：https://blog.csdn.net/qq_40634846/article/details/99181228

一. 储备知识

JS代码写在哪里？

写在script标签内（html引擎解析script标签时，会将内部的内容交给浏览器的js引擎解析）
写在js文件内

JS注意点：

js代码在html页面中必须写在script标签内
js语句也是以；结束
js注释和Java注释一样
js是弱类型语言，js变量在声明时不需要指定数据类型
js所有变量都是通过关键字var声明
js变量的类型随着值的改变而改变
js不区分单引号、双引号，只有字符串

二. 例子

例子1： js变量的类型随着值的改变而改变

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
         //1.声明了变量
         var a;
         //2.变量赋值
         a = "hehe";//a变成了String类型
         a = 1;//a变成了number类型
         a = 1.1;//a变成了number类型
         a = 'h';//a变成了String类型
</script>
</head>
<body>
       <span>这是一个声明JS变量的例子</span>
</body>
</html>

例子2：静态创建对象

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
         function introduce(){
        	 alert("我叫:" + user.name + ",年龄:" + user.age);
         }
         var user = {
        		name:"laoma",
                age:30,
                info:introduce
         };
         alert(user.name + user.age);
         user.info();
</script>
</head>
<body>

</body>
</html>