函数和事件的学习

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(){

//执行相对应的操作

}

其他组件也可以,比如viewbutton

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

布尔值类型,就truefalse两个值,代表正确和错误

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

原文地址:https://www.cnblogs.com/young-dalong/p/14489903.html