天天看点
返回

JavaScript学习（一）用法、变量、数据类型、typeof

1. 了解JavaScript
JavaScript是一种

直译式

 的、

基于对象

 （Object）和

事件驱动

（EventDriver）的脚本语言，是一种动态、弱类型的语言。

用来给HTML网页增加

动态特效

 ，实现

动态交互

 ，

美化页面

 的功能。
JavaScript学习（一）用法、变量、数据类型、typeof
2.JavaScript用法
  • JavaScript用法：
    HTML中的脚本必须位于

    <script></script>

    标签之间

    脚本可被放置在HTML页面的

    <body>

     和

    <head>

    部分中

    在HTML中，不限制

    脚本数量

     通常会把脚本放置于

    <head>

    标签中，或者放在页面底部，以不干扰页面内容

    语句之间的分割是分号（

    ;

    ）

    JavaScript标识符必须以

    字母

     、

    下划线

     或

    $

     开始 
    <html>
<head>
<script type="text/javascript">
	/*js代码*/
</script>
</head>
<body>
</body>
</html>
           
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <!--放在这里要提前加载的数据可以,
        因为html是从上到下加载。
        如果操作下面的DOM会找不到元素。-->
    <script type="text/javascript">
        var a = "张三";
    </script>
</head>
<body>
<div id="wrap">
    <script type="text/javascript">
        /*也可以写在这里但是不建议*/
        var a = "赵六";
    </script>
</div>

<!--这里是外部引入js-->
<script src="js/learn.js"></script>

<!--大部分需要DOM元素时 会把JavaScript写在这里-->
<script type="text/javascript">
    var a = "李四";
    console.log(a);
    document.getElementById('wrap'); //驼峰命名法
</script>
</body>
</html>

3.JavaScript变量

  • 命名规则
    变量是用来储存信息的“

    容器

    ”

    变量必须以

    字母

    开头

    变量也能以

    $

     和

    _

    符号开头（不过我们不推荐这么做）

    变量名称对

    大小写敏感

    （ y 和 Y 是不同的变量）

    JavaScript 语句和 JavaScript 变量都对大小写敏感.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
<script type="text/javascript">
    // 变量命名
    var a = "李四";
    // 先创建变量, 就好比电脑新建文件夹  然后存储文件一样
    var A ;
    // 再赋值
    A= 10
    var y = 10.1;
    // 同时声明多个变量 逗号分隔
    var abc ='111', z = 'hello';

    // ES6版本之后可以使用  let
    let a = "李四";
</script>
</body>
</html>
4. JavaScript数据类型
  1. 字符串（string） 
    //字符串数据 用单引号或者双引号包裹 '',""  
var learn = '我学习js.,我是字符串数据';
  2. 数字(Number) 
    // 数字类型,包括小数
var num = 123456;
//这个不是数字类型而是字符串
var str ='123456'
  3. 布尔(Boolean) 真true 假false 
    // 布尔类型包括 true,false 
var bool = true;
  4. 数组(Array) 
    // 数据集合
//1. 中括号方式定义
var array=[1,2];
var array2=[1,'苹果'];
var array3=['西红柿','苹果'];

//2. new Array() 方式定义
var arr =new Array('北京','上海');

//3. new Array() 索引方式定义
var arr =new Array();
arr[0]='北京';
arr[1]='上海';
  5. 对象(Object) 
    // 数据集合
//1. new Object() 方式定义对象
var ObjA=new Object()
ObjA.name='username';
ObjA.pwd =123456;

// 2. 花括号方式定义对象
var ObjB={name:'username',pwd:1234567}
  6. 空(null) 
    // null类型, 必须小写
var data = null;
  7. 未定义 
    // 未定义类型其实就是没有赋值,好比一个空文件夹
var und;
可以通过赋值为null的方式

清除变量
5. 数据类型检测 typeof
  1. typeof检测变量的返回值
  2. typeof运算符返回值如下：

    undefined

     ：变量被声明后，但

    未被赋值

    string

     ：用单引号或双引号来声明的

    字符串

    boolean

     ：

    true

     或

    false

    number

     ：

    整数

     或

    浮点数

    object

     ：javascript中的

    对象

     、

    数组

     和

    null
6. 提示框、输入框、打印、代码注释 
<!--提示框-->
	<script type="text/javascript">
	    alert('提示文字');
	</script>
           
<!--输入框-->
	<script type="text/javascript">
	    var result = prompt('提示文字','输入框的默认信息');
	</script>
           
<!--打印信息-->
	<script type="text/javascript">
	    document.write('需要输出的内容');
	</script>
           
<!--控制台打印-->
	<script type="text/javascript">
	    console.log('信息输出');
	</script>
           
<!--代码注释-->
	<script type="text/javascript">
	    //单行注释
	    /*
	        多行注释
	     */
	</script>
7 delete 关键字

delete关键字可以用来删除对象的属性，还有未使用var声明的变量

delete关键字有返回值 用来表示删除属性是否成功

如果删除的是不存在的属性，返回值为true

如果删除的属性存在原型当中，那么返回值为true，但是并未删除

var obj = {
    name : "尼古拉斯@赵四",
    age : 20
}
console.log(obj.name);
delete obj.name;
console.log(obj);  // { age: 20 }
javascript 变量 数据类型 typeof
上一篇: U盘cmd命令行修复
下一篇: JavaScript的数据类型、字面量、变量介绍

继续阅读