위 챗 애플 릿 - wxs 스 크 립 트 를 이용 하여 이름, 핸드폰 번호, 주민등록번호 중간 에 별 표시

WXS (WeiXin Script) 는 작은 프로그램의 스 크 립 트 언어 로 WXML 과 결합 하여 페이지 의 구 조 를 구축 할 수 있 습 니 다.WXS 와 JavaScript 는 서로 다른 언어 로 자신의 문법 이 있 으 며 JavaScript 와 일치 하지 않 습 니 다.상세 한 상황 을 보면 알 수 있다.
우선, 우 리 는 pages 와 같은 등급 에서 wxs 폴 더 를 만 들 수 있 습 니 다. 모든 wxs 파일 은 이 디 렉 터 리 에 저장 할 수 있 습 니 다.
1. subutil. wxs 만 들 기
subutil. wxs 에 sub 방법 을 새로 만 듭 니 다. 특정한 수요 에 따라 문자열 을 캡 처 하고 * 번 이 있 는 문자열 (전 startLength 비트 + 사용자 정의 * 번 + 후 endLength 비트) 을 표시 합 니 다. 문자열 길이 가 startLength + endLength 보다 작 으 면 원본 문자열 로 돌아 갑 니 다.

/**
 *       *  ，       * 
 * str         
 * startLength           
 * endLength           
 */
var sub = function(str, startLength, endLength) {
  if (str.length == 0 || str == undefined) {
    return "";
  }
  var length = str.length;
  if (length >= startLength + endLength) {
    //           ,    
    if (length === 2) {
      return str.substring(0, 1) + '*';
    } 
    else if (3 <= length && length <= 10){
      return str.substring(0, 1) + '**';
    }
    //                   ,      
    else if (length >= 11) {
      return str.substring(0, startLength) + "****" + str.substring(length - endLength, length);
    } else {
      return str
    }
  }
}
module.exports = {
  sub: sub
}

2. wxml 참조
wxs 파일 이 있 는 디 렉 터 리 등급 에 따라 합 리 적 인 경 로 를 작성 하고 다음 코드 를 사용 하여 wxml 에 wxs 를 도입 합 니 다.

<!--   wxs   -->
<wxs src="../../wxs/subutil.wxs" module="tools" />

3. 사용
사용 할 곳 에 다음 코드 를 사용 하면 됩 니 다.

{{tools.sub(string, x, y)}}

이상 은 wxs 를 이용 하여 * 호 를 실현 하여 데이터 정 보 를 숨 기 는 모든 내용 입 니 다!