SEO

JavaScript

学习JavaScript技术的过程与心得体会

根据B站黑马前端老师的教学视频,学习JavaScript过程的笔记,学到哪里算哪里,不给自己定目标,一切随缘,不定期更新,能不能更新完,看心情。

JavaScript的数据类型

JavaScript 数字型Number

数据型包括整型和小数

数据型 最大值 和 最小值

最大值和最小值,了解即可。

特殊值

Infinity 无穷大
-Infinify 无穷小
NaN Not a Number 非数值

isNaN

isNaN是一个检测非数字的函数

  • 返回一个布尔值
  • 如果是数字,返回 false
  • 如果不是数字,返回 true

JavaScript 字符串型String

用双引号("")或单引号('')引起来的内容,都是字符串型

注意:
* 必须带单引号或双引号,否则报错。
* 推荐使用单引号
* 可以使用单引导号嵌套双引号,也可以双引号嵌套单引号
pre.prettyprint ol.linenums li {
    list-style-type: decimal;
}
        
// 允许从相机和相册扫码
wx.scanCode({
  success(res) {
    console.log(res)
  }
})

        

js的输入输出语句

js提供了一些用来接收用户输入,并将结果显示给用户的语句

方法 说明
prompt(info) 浏览器弹出输入框,接收用户的输入
alert(msg) 浏览器弹出警告框
console.log(msg) 浏览器控制台打印输出信息
// 这是一个输入框
prompt('请输入你的年龄:');

// 弹出警示框
alert('计算的结果是:');

// 浏览器控制台打印输出语句
console.log('这是程序员看到的信息');
                    

javascript对象

创建对象的3种方式

  • 利用字面量创建对象
  • 利用new Object创建对象
  • 利用构造函数创建对象
  • 利用字面量创建对象


花括号{}是对象的字面量

花括号里面包含了对象的属性和方法

创建一个空对象
    //利用对象字面量{}创建对象
    var obj = {}    //创建了一个空对象

创建一个同时有属性和方法的对象

    //利用对象字面量{}创建对象
    var obj = {
        //属性
        uname: '张三疯',
        age: 18,
        sex: '男',

        //方法
        sayHi: function() {
            console.log('Hi~');
        }
    }

  • 利用new Object创建对象

例子
    //利用new object 创建对象
    var obj = new Object() //创建一个空对象
    obj.uname = '张三丰';
    obj.age = 198;
    obj.sex = '男';
    obj.sayHi = function() {
        console.log('Hi~');
    }

  • 利用构造函数创建对象


例子


使用对象

(1) 使用.调用属性

格式

对象名.属性名

例子

  console.log(obj.uname);

(2) 使用[]调用属性

格式

对象名['属性名']

特别注意:使用[]调用属性时,属性名,必须加引号

例子

  console.log(obj['age']);