可能有不少人从其他岗位转到产品岗位,在需要学习Axure画原型时,碰到“函数”的概念时可能还是会比较懵,如果以前是做开发的一般都不会有什么问题。
以下是针对不清楚“函数”概念的同学讲的,知道的可以忽略掉,以下内容可能密集,慎入!
一、什么是函数
首先搞明白函数的概念,然后再来看看怎么用。
函数也叫方法,说方法可能会稍微容易理解点,就是为了实现某个目的的过程。但是我们不用关心它是具体怎么做的,只需要知道它能做什么及有什么结果。
例如,这串文字“ 你好,Axure9! ”,我们想获取其中的第4到第9个字符之间的内容,或者我们想把这串文字的前后多余的空格去掉,就可以使用函数来实现。
二、函数的使用形式
函数由函数名、括号、参数列表组成(后面会讲到参数概念),由目标“对象”调用,这个“对象”可以是元件、字符串、日期、窗口、页面等,调用方法如下:
对象.函数名(参数1,参数2...)
例如:name.substr(2,5),其中name是个变量,表示字符串对象,名称后面是小圆点,带有两个参数,参数间用逗号分割,参数前面有小括号。
也可以不用变量,直接使用字符串内容:
"你好,Axure9".substr(2,5)
Axure中的表达式前后要用两对中括号括起来,如:
[["你好,Axure9".substr(2,5)]]
三、函数的参数
参数是完成一个函数功能的输入条件,一个函数可以带有参数,也可以不带参数,可以带一个到多个参数,参数之间用逗号分割,具体几个参数要看这个函数要做什么事。
例如数学随机函数, Math.random(),它就没有参数,执行的结果就是获得一个0~1之间的小数,因为产生一个随机小数可以不需要什么条件。
而前面说的获取字符串中间的某几个连续字符函数,则需要参数,因为需要知道下面两个条件:
1)从哪里开始?
2)到哪里结束?
或者
1)从哪里开始?
2)要截取几个字符?
因此这个功能有两个不同的函数来实现,注意名称不一样:
1)substring(from,to):这个函数是通过从哪里开始,到哪里结束的方式获取中间的字符
2)substr(start,length):这个函数是通过从哪里开始,需要截取几个字符来实现
以前面的“你好,Axure9!”来说——获取其中的第4到第9个字符之间的内容,可以通过下面的两种方式实现:
[["你好,Axure9!".substring(3,9)]]
或者
[["你好,Axure9!".substr(3,6)]]
如果用变量存储字符串时,如 hellostr="你好,Axure9!",则可以像下面这样:
[[hellostr.substring(3,9)]]
或
[[hellostr.substr(3,6)]]
说明:
1)第一种方式:第一个参数的起始位置是从0算起的,所以第一个条件是3,第二个条件为9
2)第二种方式:仍然是从3开始,取长度为6个字符
所以两个结果都是:Axure9
四、实际应用
当我们知道了函数的概念,函数的用法后,就可以灵活应用了,下面的例子是通过用户自己设置参数来实现前面的截取子字符串的功能,自己可以尝试修改一下输入框里原始文字,或者参数值。
点击下方