1.注释:
(1)Windows电脑:Ctrl+/
(2)Mac电脑:command+/
wxml里的注释:<!--我是wxml里的注释-->
wxml里的注释:/*我是wxss里的注释*/
js里的注释://我是js里的注释
2.打印日志
console.log(“xxxx”);如果是打印数字的话,可以不加””,比如console.log(1111);也可以打印多个字符,比如:console.log(“编程”,”小石头”);效果是“编程 小石头”
3.函数的学习(只能写在js里)
(1)函数的第一种使用方式:函数名:function(option){
Console.log(“打印日志内容”)
},
(2)函数的第二种使用方式:函数名(){
},
//调用函数,比如:
onLoad:function(){
this.xiaoshitou1()
this.xiaoshitou2()
},
//函数的简写版定义方法
Xiaoshitou1(){
Console.log(“我是简写版的定义方法”);
},
//函数的复杂版定义方法
Xiaoshitou2:function(){
Console.log(“我是复杂版的定义方法”);
}
带参函数和不带参函数的区别
4.点击事件
wxml里:<text bindtap=”getName”>点击事件</text>
Js里:getName(){
//执行相对应的操作
}
其他组件也可以,比如view,button等
5.获取用户输入内容事件
wxml里:<input bindinput=”getContent” placehoder=”请输入内容”></input>
js里:getContent(neirong){
Console.log(neirong.detail.value)
}
6.变量
(1)变量的使用(定义、赋值)
var name
var name = “编程小石头”
var age = 18
(2)全局变量和局部变量
在函数内部定义的变量只能在函数内部使用,是局部变量
函数外定义的变量是全局变量,要写在Page上面
7.数据类型
(1)常见的数据类型
简单数据类型 |
描述 |
默认值 |
Number |
包含整数和小数,如18,18.8 |
0 |
String |
字符串型,如“小石头”,注意js里字符串都要带引号 |
“” |
Boolean |
布尔值类型,就true和false两个值,代表正确和错误 |
false |
Undefined |
Undefined这个值表示变量不含有值,如var a;声明了变量a,但是没有赋值,就是undefined |
Undefined |
Null |
空值,如var a=null,声明了变量a为空值 |
Null |
①number数字型数据
Page{
OnLoad(){
var a=1
var b=3.1415926
console.log(a)
console.log(b)
}
}
数字的加减乘除操作
Page{
OnLoad(){
var a=2
var b=20
//加
console.log(a+b)
//减,整数减去小数会有一个Bug,得不到正确的值
console.log(a-b)
//乘
console.log(a*b)
//除
console.log(a/b)
}
}
8.typeof操作符
var a = 1
var b = “1”
var c = true
var d
var e = null
console.log(typeof a) //number
console.log(typeof b) //string
console.log(typeof c) //boolean
console.log(typeof d) //undefined
console.log(typeof e) //object 这是一个bug
9.数据类型的转换
把其他类型的转换为字符串类型
方式 |
说明 |
案例 |
toString() |
转换为字符串 |
var num=1 num.toString() |
String() |
转换为字符串 |
var num=1 String(num) |
用加号拼接字符串 |
转换为字符串 |
var num=1 “”+num |
把其他类型转换为数字型(重点)
方式 |
说明 |
案例 |
Number() |
将字符串转为数字 |
Number(“3.14”) //返回3.14 |
parseFloat() |
解析一个字符串并返回一个浮点型 |
parseFloat(“3.14”) //返回3.14 |
parseInt() |
解析一个字符串并返回一个整数 |
parseInt(“3.14”) //返回3 |